html如何解决跨域问题
html如何解决跨域问题
这篇文章主要介绍了html如何解决跨域问题,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
跨域
浏览器同源策略 1995年,同源政策由 Netscape 公司引入浏览器。目前,所有浏览器都实行
这个政策。 最初,它的含义是指,A网页设置的 Cookie,B网页不能打开,除非这两个网
页"同源"。所谓"同源"指的是"三个相同"。
协议相同httphttps域名相同www.xdclass.net端口相同8081一句话:浏览器从一个域名的网页去请求另一个域名的资源时,域名、端口、协议任一不同,都是跨域浏览器控制台跨域提示:No'Access-Control-Allow-Origin'headerispresentontherequestedresource.Origin'null'isthereforenotallowedaccess.
解决方法
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如何解决跨域问题”这篇文章对大家有帮助,同时也希望大家多多支持恰卡编程网,关注恰卡编程网行业资讯频道,更多相关知识等着你来学习!
推荐阅读
-
html简介(超文本标记语言)
背景知识HTML与W3C(WorldWideWeb:www)的关系,HTML规范是由w3c负责制定的,W...
-
css边框属性如何设置(html button如何设置圆角边框颜色)
htmlbutton如何设置圆角边框颜色?在HTML中把块的边框可以做成圆角需要利用css的border-radius属性。cs...
-
怎么通过HTML的表单向服务器发送数据
怎么通过HTML的表单向服务器发送数据本篇内容介绍了“怎么通过HT...
-
HTML怎么实现文件下载对话框
HTML怎么实现文件下载对话框本篇内容介绍了“HTML怎么实现文件...
-
html页面中的单选框功能如何实现
html页面中的单选框功能如何实现本文小编为大家详细介绍“html...
-
可视化html文件怎么修改支持PDF导出
可视化html文件怎么修改支持PDF导出这篇文章主要介绍“可视化h...
-
HTML怎么链接音频文件
HTML怎么链接音频文件本文小编为大家详细介绍“HTML怎么链接音...
-
HTML表单文件选择框样式怎么自定义
HTML表单文件选择框样式怎么自定义本篇内容主要讲解“HTML表单...
-
HTML怎么使用注释来阻止执行
HTML怎么使用注释来阻止执行这篇文章主要介绍“HTML怎么使用注...
-
HTML后代选择器的功能怎么用
HTML后代选择器的功能怎么用本文小编为大家详细介绍“HTML后代...
