vue配置的devServer

如果你的前端应用和后端 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