vue打包之后動態修改請求接口方法

1.可以根據自身情況封裝獲取配置文件接口信息

1.1我在static中新建一個config.json配置文件

{
	"DEV_URL":"/apis",//開發模式
	"BUILD_URL": "/apis"//打包之后接口
}

2.我在每次請求之前都會獲取配置文件，你也可以只獲取一次做下判斷即可　　

//獲取配置文件
async function startApp() {
	let API_URL
	if(process.env.NODE_ENV=='development'){
		let data=await Vue.http.get('/static/config.json')
		API_URL=JSON.parse(data.bodyText).DEV_URL
	}else{
		let data=await Vue.http.get('./static/config.json')
		API_URL=JSON.parse(data.bodyText).BUILD_URL
	}
	return API_URL
}

3.我封裝的請求接口

async function doGet(url, req, successCallback, errorCallback) {
	let service_url=await startApp() 
	req=filterUndefined(req)
	// 每次切換頁面時，調用進度條
	NProgress.start();
	Vue.http.get(service_url + url,{params:req}, {
		emulateJSON: true, //允許跨越
	}).then(function(response) {
		// 在即將進入新的頁面組件前，關閉掉進度條
		NProgress.done()
		// 響應成功回調
		successCallback && successCallback(response.data);
	}, function(error) {
		// 在即將進入新的頁面組件前，關閉掉進度條
		NProgress.done()
		// 響應錯誤回調
		errorCallback && errorCallback(error)
	});
}