前言
vue 项目开发打包项目时需要配置生产环境和开发环境避免打包时手动更改麻烦，所以我翻阅资料查看他人配置自己试了一下，具体配置如下
配置目录
首先在config的dev.env.js中
然后更改prod.env.js
在build文件中找到webpack.prod.conf.js更改
在build文件中找到build.js更改
最后找到 package.json文件
在 api的index.js中配置基本路径
axios.defaults.baseURL = process.env.API_ROOT // 打印process.env.API_ROOT是否有值 使用process.env.API_ROOT代替API真实地址
保存代码 npm run dev 然后打包对应的环境 如：npm run build:prod / npm run build:dev
如果打包完打开页面路径报错时一种解决方案为 找到config的index.js文件 修改
如果还有其他错误 有可能是路由问题 history模式需要后台配置 也或者 请求接口时未拿到数据引起页面空白 以上就是这些 有问题可以一起交流 我也是自己不断挖坑填坑一路走来，看了很多教程 去尝试才总结的 希望能和大家一起学习。
