vue添加配置文件

Vue 打包后，如果想修改整体的后台接口域名，或者图片文件的路径，就需要在源代码中修改后，再次进行build打包。这样很不灵活，先看一下vue打包后的文件结构，项目打包后会生成一个dist文件── dist
├── static // 外部静态资源文件夹，对应项目中的static文件夹 ，与index.html同级
└── index.html // 项目入口主文件
1.在项目中找到static文件夹，在里面创建一个配置文件，起名为config.js
2.然后在创建的config.js配置文件中，声明一个对象systemConfig，对象名字随便取，只要不占用关键字即可，对象中存放你所需要配置的各种路径和数据.
可以使用对象直接调用,也可以使用require引入,js中使用module.exports
3.将此配置文件在index.html 文件中引入
4.vue.config.js中引用方式
const systemConfig = require('./public/static/systemConfig')
const name = systemConfig.title