前后端分离之跨域问题解决(vue解决的)

1.什么是跨域

我们访问接口,不论你是前后端相连,还是网上偷偷爬取黄色视频,都无法绕过一个url,我们在小学三年级时学过,一个url的组成是这样的

协议(http、https):表示URL使用的协议。
域名(localhost):表示服务器的域名。
端口(8080):表示服务器的端口号。
路径(/project/ProMain/login):表示请求的路径。
查询参数(?username=wangjianmin&password=555555):表示请求的查询参数,用于传递附加信息。

其中,这一大堆乱七八糟的组成一起就是个url: http://localhost:8080/project/ProMain/login?username=wangjianmin&password=555555,

然而,很不幸的是,假如你前后端分离!

你后端设置的接口是8080,你前端就不可以使用8080了!亲爱的启动器会为你自动启动8081,此时你通过8081访问8080,他就会

怎么样,是不是光看着裤裆就湿了一大片。。。

额,偏题了。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。不是我

所谓跨域就是:你请求的url中协议、域名、端口任意一个与你当前的url不同。

2.解决

此时就会由小伙伴发出尖锐的爆鸣声(不!你为什么不介绍原理,我不理解!为什么为什么啊啊啊啊,扭曲,爬行,吞噬一切感知我的)

作为一个可怜的小学生,我深刻理解,假使有人在软件测试时遇到这种问题的时,还要被逼看原理的绝望,还不如先告诉他怎么解决(至于为什么一直在敲废话,总不能是学习学累了写点废话玩吧?)

草,怎么又偏题了。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

 

 轻轻点开你的vue项目文件(脚手架,html别来沾边)找到vue.config.js,写入如下代码:

 把这个东西放在你的defineConfig({})里边,前端这样调用:

 虽然话说的前不着村后不着店,但我相信聪明的你一定理解了我的意思!!!!!!!!!!!!

3.原因

然而咱们使用的解决方法是在前端解决的,叫做反向代理

 前端服务和后端接口服务之间 架设一个中间代理服务,它的地址保持和前端服务一致

posted @ 2023-11-14 21:16  子过杨梅  阅读(239)  评论(0编辑  收藏  举报