如果你的前端应用和后端 API 服务器没有运行在同一个主机上,你需要在开发环境下将 API 请求代理到 API 服务器。
devServer配置开发环境服务器。
//vue.config.js
devServer: {
proxy: {
// 这个是你要替换的位置
[process.env.REQUEST_PRE]: {
target: process.env.DEV_SERVER,//这个是被替换的目标地址
ws: true,
changeOrigin: true// 是否需要跨域
}
},
open: true
}
DEV_SERVER=http://10.10.201.87
REQUEST_PRE=/req
//api.js
export default {
getTableData(options) {
return new Promise( resolve => {
Request.get({
url: `/common/tables`,
}).then( rsp => {
resolve( rsp );
});
});
}
}
//entry/index.js
Request.config({
requestPre: process.env.requestPre,
});
现在会被代理到请求http://10.10.201.87/req/common/tables