扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章主要讲解了VueCli4项目怎么配置反向代理proxy，内容清晰明了，对此有兴趣的小伙伴可以学习一下，相信大家阅读完之后会有帮助。
创新互联公司专注于昌江黎族网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供昌江黎族营销型网站建设，昌江黎族网站制作、昌江黎族网页设计、昌江黎族网站官网定制、微信小程序定制开发服务，打造昌江黎族网络公司原创品牌,更为您提供昌江黎族网站排名全网营销落地服务。
Vue Cli4创建项目之后，没有配置vue.config.js，如果直接发起axios请求，可能会引起跨域问题.
以豆瓣电影首页的最近热门 为例：
axios({
method: "get",
url: "https://movie.douban.com/j/search_subjects",
params: {
type: "movie",
tag: "热门",
page_limit: 50,
page_start: 0
}
}).then(res => {
console.log(res.data);
});如果直接发起请求必然会引起跨域错误，只需要在项目根目录手动创建vue.config.js文件：
module.exports = {
devServer: {
proxy: {
"/j": {
target: "https://movie.douban.com",
changeOrigin: true
}
}
}
};然后修改axios请求的url地址：
url:"/j/search_subjects"
最后 重启该项目 重启该项目 重启该项目 即可
看完上述内容，是不是对VueCli4项目怎么配置反向代理proxy有进一步的了解，如果还想学习更多内容，欢迎关注创新互联行业资讯频道。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网