使用express搭建服务器访问vuecli3页面中遇到的问题

1. 指定服务器地址:

在vue.config.js中配置,可以在前端文件中访问后台资源

devServer: {

proxy: 'http://localhost:3000'

},

2.打包完成后需要将dist放在根目录,设置静态文件夹app.use(express.static('./dist'));

3.无法正常在url中输入路径使用路由跳转前端页面:

 安装connect-history-api-fallback中间件:

cnpm install --save connect-history-api-fallback

在设定静态文件访问目录之前使用该中间件:

var history = require('connect-history-api-fallback');

。。。

app.use(history());

至此就可以解决路由问题啦,更多用法可以参考connect-history-api-fallback库的理解

你可能感兴趣的:(日常积累)