温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

html如何解决跨域问题

发布时间:2022-03-18 11:52:16 来源:亿速云 阅读:2014 作者:小新 栏目:开发技术

这篇文章主要介绍了html如何解决跨域问题,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

跨域

浏览器同源策略 1995年,同源政策由 Netscape 公司引入浏览器。目前,所有浏览器都实行

这个政策。 最初,它的含义是指,A网页设置的 Cookie,B网页不能打开,除非这两个网

页"同源"。所谓"同源"指的是"三个相同"。

协议相同 http https
域名相同 www.xdclass.net
端口相同 80 81一句话:浏览器从一个域名的网页去请求另一个域名的资源时,域名、端口、协议任一不同,都是跨域
浏览器控制台跨域提示:
No 'Access-Control-Allow-Origin' header is present on the requested resource.
Origin 'null' is therefore not allowed access.

解决方法

  • JSONP

  • 页面这层再包装一层服务,目前最多就是nodejs

  • Http响应头配置允许跨域

        nginx代理服务器

        后端程序代码配置

程序代码中处理 SpringBoot 通过拦截器配置//表示接受任意域名的请求,也可以指定域名response.setHeader("Access-Control-Allow-Origin",
request.getHeader("origin"));//该字段可选,是个布尔值,表示是否可以携带cookieresponse.setHeader("Access-Control-Allow-Credentials", "true");
response.setHeader("Access-Control-Allow-Methods", "GET, HEAD, POST,
PUT, PATCH, DELETE, OPTIONS");
response.setHeader("Access-Control-Allow-Headers", "*");

感谢你能够认真阅读完这篇文章,希望小编分享的“html如何解决跨域问题”这篇文章对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,更多相关知识等着你来学习!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI