解决跨域问题(前端处理)

2022-07-26

 在vue中使用proxy进行跨域的原理是:将域名发送给本地的服务器(启动vue项目的服务,loclahost:8080),再由本地的服务器去请求真正的服务器。

 1.在proxy中设置要访问的地址,并重写/api为空的字符串,因为我们真正请求的地址是没有带/api,这个重写很重要!!!

  

   2.在创建axios实例的时候将baseURL设置为/api ,这时候我们的跨域就已经完成了。

  

   3. 假如请求的真正地址为:http://48.96.217.56:8185/core/getdata/userInfo,但我们在浏览器上会看到是这样的: http://localhost:8080/api/core/getData/userInfo ,多了个/api,但并不影响我们请求数据。

  

 

本文地址:https://blog.csdn.net/qq_42374233/article/details/111009991

《解决跨域问题(前端处理).doc》

下载本文的Word格式文档,以方便收藏与打印。