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

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/TionSu/article/details/100546784
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-06-28 01:40:42
阅读 ( 1072 )
分类：前端

vue-cli3.0 + axios 进行跨域

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看