当前位置: 首页 > Web前端 > vue.js

VueCli4项目配置反向代理proxy

时间:2023-03-31 22:52:11 vue.js

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}})。然后(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"最后重启项目重启项目重启项目