前后端分离之跨域问题解决(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.原因
然而咱们使用的解决方法是在前端解决的,叫做反向代理
前端服务和后端接口服务之间 架设一个中间代理服务,它的地址保持和前端服务一致