使用express布署vue.js项目

默认情况下,express是通过路由来选择模板文件来渲染前端页面,vue.js是静态的前端项目,要想在express下布署vue.js项目可以试下将vue.js打包的文件放在静态文件目录即可,实现如下:
在app.js下做如下修改

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

//将dist目录当成静态文件目录
app.use(express.static(path.resolve(__dirname, 'dist')))

然后将vue.js打包生成的dist目录放在express根目录下,npm start启动,然后在浏览器输入服务地址就可以正常看到express加载了vue.js项目

全代码文件参考:Enlarge-Server