作者:大美妞meilei | 来源:互联网 | 2023-12-13 18:07
本文详细介绍了解决全栈跨域问题的方法及步骤,包括添加权限、设置Access-Control-Allow-Origin、白名单等。通过这些操作,可以实现在不同服务器上的数据访问,并解决后台报错问题。同时,还提供了解决second页面访问数据的方法。
本文主要分享【全栈怎么读】,技术文章【全栈---CORS】为【cjx177187】投稿,如果你遇到全栈---网络技术相关问题,本文相关知识或能到你。
全栈怎么读
上一个知识点学习了跨域是怎样形成的,及其为什莫会跨域
这一个知识点我们就来解决它!
跨域后台报错是这样的:
意思是:router2路由是在8080这一台服务器上的,但是我们想在8081上去访问8080的服务器就是不行的,8080这台服务器是没有给80881开放权限的,所以访问失败。
所以我们的解决办法就是给8081开放权限,这样8081就能访问了
只需要在8080这台服务器上添加一行代码,允许8081访问即可
res.setHeader("Access-Control-Allow-Origin","http://192.168.0.101:8081")
这样就使得浏览器在解包时碰到http://192.168.0.101:8081这个网址的就放行,就类似于白名单一样
我们再次运行代码,就会发现后台打印出了我么想要是的数据
如果second页面也想要访问到数据那么就业需要再次添加second的网址在main中的router.js中。如果我们有很多个客户端都要去访问,就需要添加多个,就比较麻烦。所以我们直接可以将代码简化一下:
res.setHeader("Access-Control-Allow-Origin","*")
这个代码就常用于开发阶段,而上面哪一个就更多的适用于同一家公司的二级网络之见的访问。
本文《全栈---CORS》版权归cjx177187所有,引用全栈---CORS需遵循CC 4.0 BY-SA版权协议。