关闭菜单
四少爷的blog
by Jermey
V 1.0
打开菜单

vue-cli 3.x配置跨域代理

由于3.x的默认配置都转移到了CLI service里,所以生成的项目中并没有配置项,我们如果需要自定义一些项目配置,则需要自己在项目的根目录(root)创建一个vue.config.jsvue.config.js里的配置项所有都是可选的,这就避免了我们去看一大堆不必要的默认配置,只需要配置自己需要的部分就行了。【官方文档】

// vue.config.js
module.exports = {
    // 修改的配置
    devServer: {
        proxy: {
            '/api': {
                target: 'http://www.example.org',
                changeOrigin: true,
                ws: true,
                pathRewrite: {
                  '^/api': ''
                }
            }
        }
    }
}

请求时进行处理,区分开发正式环境。

 return (process.env.NODE_ENV !== 'production'? '/proxyApi/' : window.SITE_CONFIG.apiUrl) + actionName