热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

解决全栈跨域问题的方法及步骤详解

本文详细介绍了解决全栈跨域问题的方法及步骤,包括添加权限、设置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版权协议。


推荐阅读
author-avatar
大美妞meilei
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有