VueCli4项目配置反向代理proxy的方法步骤
VueCli4创建项目之后,没有配置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的方法步骤的文章就介绍到这了,更多相关VueCli4反向代理proxy内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票!