Vue学习----webpack跨域问题proxyTable 随笔 第1张

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

跨域问题，搜索https://www.cnblogs.com/wancheng7/p/8987694.html，先学习一下,

  • 在根目录config文件下的index.js中添加代码
  •     '/api': {
      target: 'http://www.abc.com',  //目标接口域名
      changeOrigin: true,  //是否跨域
      pathRewrite: {
        '^/api': '/api'   //重写接口
      }
    },

    　　

  • Vue学习----webpack跨域问题proxyTable 随笔 第2张

     

  • 在App.vue下获取，将跨域的域名替换成/api/
  •     created(){
      this.$axios.get("/api/............) 
      .then(res=>{
        console.log(res)
      })
    }

    　此方法是通过自己创建一个虚拟的服务器，来假装自己和请求的接口是同源的来获取数据

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄