vue中使用axios 请求接口报错如何解决跨域问题

相信很多小伙伴在请求接口的时候都遇到这个错误

当我请求这个接口的时候

报这个错误

这个就是遇到跨域问题。
那么什么是跨域呢
因为浏览器的同源策列 所及需要跨域
同源即 端口 域名 协议 相同

在vue中使用axios请求 如何解决跨域呢

首先在 config 文件下 打开 index.js 找到 proxyTable:{} 对象添加下面这段代码

'/api':{
          target: "http://192.168.1.165:8080/",
          changeOrigin:true,
          pathRewrite:{
              '^/api':''
          }
      }

然后在请求接口时候这样写