（共五步驟）
1.在項目里的根目錄里加入了3個文件（與vue.config.js同級）
.env 線上環境
.env.development 開發環境
.env.testbuild 測試環境
2.在上邊3個文件中:
使用VUE_APP_URL = “接口url”
書寫格式：VUE_APP_[自定義name]
3在pakejson里面配置打包環境
4.在config里面部分配置
module.exports = {
publicPath:'/', // 公共路徑
outputDir: 'dist',
lintOnSave:false, // 關閉eslint
// productionSourceMap:true, // 生產環境下css 分離文件
devServer:{ // 配置服務器
// open: process.platform === "darwin",
disableHostCheck: false,
host: "0.0.0.0",
// port:8080,
open:true,
https:false,
hotOnly: false,
// proxy: null,
overlay: {
warnings: true,
errors: true
}
},
configureWebpack:{ // 覆蓋webpack默認配置的都在這里
externals: {
'AMap': 'AMap', // 高德地圖配置
},
},
}
5.在你需要用到的接口的地方，換成我們自己定義的名字即可
