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