Vue学习----webpack跨域问题proxyTable

Posted 2021-11-27 mengtong

 

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

• 在根目录config文件下的index.js中添加代码

•     ‘/api‘: {
        target: ‘http://www.abc.com‘,  //目标接口域名
        changeOrigin: true,  //是否跨域
        pathRewrite: {
          ‘^/api‘: ‘/api‘   //重写接口
        }
      },
  

  　　

• 

   

• 在App.vue下获取，将跨域的域名替换成/api/

•     created(){
        this.$axios.get("/api/............) 
        .then(res=>{
          console.log(res)
        })
      }
  

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