首页 > 其他 > 详细

vuecli4添加解决跨域

时间:2021-03-17 17:17:44      阅读:27      评论:0      收藏:0      [点我收藏+]

未配置代理

技术分享图片

 

 

 

代理后

 技术分享图片

 

 

解决方案

1.在项目的根目录,也就是于package.json同级目录下新增vue.config.js文件

2.在vue.config.js中添加下段代码

module.exports = {
  devServer:{    
    port: 8080,  
    open: true, //浏览器自启动
    proxy:{ //配置代理
      "/api":{
        target:"http://172.28.175.81:8082/CamEmotion-web",  //跨域目标主机,最终请求地址变成 http://localhost:8080/api
        ws:true,  //代理websockets
        changeOrigin:true,
        pathRewrite:{
          "/api":‘‘//重写地址
        }
      }
    }
  }
}

 

vuecli4添加解决跨域

原文:https://www.cnblogs.com/dzyany/p/14550007.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!