關注公眾號【Miles】查看更多技術文檔
【若項目中存在 sso文件,將sso文件中window.context = {}各項置空 = ""】
一、建立.env系列文件
首先我們在根目錄新建3個文件,分別為.env.development,.env.production,.env.test
注意文件是只有后綴的。
.env.development 模式用于serve,開發環境,就是開始環境的時候會引用這個文件里面的配置
.env.production模式用于build,線上環境。
.env.test 測試環境
1628230904(1).png
二、修改文件
分別在文件內寫上:
1.開發環境
//.env.development
NODE_ENV = 'development'
VUE_APP_BASE_API = 'http://+需要請求API'
2.線上環境
//.env.production
NODE_ENV = 'production'
VUE_APP_BASE_API = 'http://+需要請求API'
3.測試環境
//.env.test
NODE_ENV = 'tes'
VUE_APP_BASE_API = 'http://+需要請求API'
三、更改request.js文件
當需要用到該變量是可以用process.env.VUE_APP_BASE_API進行取值。
例如:
let requestData = {
url: process.env.VUE_APP_BASE_API + data.url,
data: reqData,
method: data.method || "GET",
params: data.params || {},
onUploadProgress: data.onUploadProgress || null,
headers: data.headers || "",
responseType: data.responseType || "json"
}