vue.config.js代理配置不生效

Question

按照网上的方法配置vue.config.js不生效，但是写在webpack.config.js中的proxyTable里就可以生效，有大神知道为什么吗？
配置如下：

module.exports = {

    devServer: {

        proxy: {

            '/cnt': {

                target: 'http://test-www.jtongyun.com',

                pathRewrite: {

                    '^/cnt': ''

                },

                changeOrigin: true

            }

        }

    }

}

Answer 1

用 vue-cli-service serve 启动就会用 vue.config.js；
用 webpack-dev-server 启动就会用 wepback.config.js（默认）。

Answer 2

代理配置没那么复杂。

//vue.config.js
devServer: {
    proxy: 后端api地址
}

//网络请求的封装，注意，生产环境才设置api地址，开发环境不需要，否则无法代理
if (process.env.NODE_ENV !== 'development') {
    axios.defaults.baseURL = '后端api地址'
}

Answer 3

你项目是vue-cli启动的还是webpack启动的？