元气满满,直接干!
使用vuecli4进行项目打包时,默认使用的是根目录的方式,这样打包直接项目直接运行就是一个大白屏,非常难受!
这时我们就需要在设置打包使用相对目录的方式,设置过程非常简单。
1. 在vuecli跟目录下添加 `vue.config.js`作为配置文件
2. 添加以下配置:
module.exports = {
//配置 运行和打包时的文件路径
publicPath:process.env.NODE_ENV==='production'?'./':'/',
devServer:{
// 设置服务器路由 (app为express服务对象)
before(app) {
// app.post('/api/login', function (req, res) {})
},
//内置服务器设置路由代理(自己处理不了的自动转发)
proxy:"http://127.0.0.1:8080"
}
}
3. 重新编译项目。
非常好用!