欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-17 15:22:20
 在vue中使用proxy进行跨域的原理是:将域名发送给本地的服务器(启动vue项目的服务,loclahost:8080),再由本地的服务器去请求真正的服务器。 1.在proxy中设置要访问的地址,并重写/api为空的字符串,因为我们真正请求的地址是没有带/api,这个重写很重要!!!    2.在创建axios实例的时候将baseURL设置为/api ,这时候我们的跨域就已经完成了。    3. 假如请求的真正地址为:http://48.96.217.56:8185/core/ge.....

 在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

相关标签: vue java