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

当我请求这个接口的时候
在这里插入图片描述
报这个错误
在这里插入图片描述
这个就是遇到跨域问题。
那么什么是跨域呢
因为浏览器的同源策列 所及需要跨域
同源即 端口 域名 协议 相同

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

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

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

在这里插入图片描述
然后在请求接口时候这样写
在这里插入图片描述

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐