首页 > 其他 > 详细

vue 解决跨域

时间:2019-11-20 16:04:40      阅读:90      评论:0      收藏:0      [点我收藏+]

技术分享图片

 先上报错 以表尊重 

在vue中 找到 config文件夹中的 index.js文件 

配置更改如下

proxyTable: {
        ‘/api‘: {
          target: ‘http://47.240.11.236:8080‘, //设置你调用的接口域名和端口号 别忘了加http
          changeOrigin: true, //這裡true表示实现跨域
          pathRewrite: {
            ‘^/api‘: ‘/‘ //这里理解成用‘/api’代替target里面的地址,后面组件中我们掉接口时直接用api代替 比如我要调用‘http://47.240.11.236:8080/json.json‘,直接写‘/api/json.json’即可
          }
        },
      },

组件中使用

export default {
  data() {
    return {};
  },
  mounted() {
    this.$axios.get("/api/json.json").then(function(response) {
            console.log(response);
      }).catch(function(error) {
            console.log(error);
      });
  }
};

如果你走到了这一步 掉进了坑里  那么得到的结果是    跨域的报错变成了404报错  

记得你改的是配置文件~~~~~~~要重启~~~~~~~~~~我一定是最贴心的博主 在这个坑里呆了一个小时才上来    看到的同学们记得重启服务哦~

正确结果

技术分享图片

 

 

 

vue 解决跨域

原文:https://www.cnblogs.com/chen-yi-yi/p/11898318.html

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