vue-cli3.0 + axios 进行跨域

1、设置axios的默认请求url：axios.defaults.baseURL = '/weather';

 

2、在与package.json的统计目录中新建vue.config.js文件

3、在vue.config.js中新增如下代码

module.exports = {
    devServer: {
        proxy: {
            '/weather': {
                target: 'http://www.weather.com.cn/data',  // 请求的url
                changeOrigin: true,   // 是否跨域
                pathRewrite: {
                    '^/weather': ''
                }
            }
        },
    }
};

 

4、调用
完整的url:   http://www.weather.com.cn/data/cityinfo/10128.html 

代理部分：http://www.weather.com.cn/data，

下面调用部分：/weather/cityinfo/101280802.html

5.设置好后，需要重新npm run serve