[前端问题] has been blocked by CORS policy跨域问题解决
作者:CC下载站 日期:2024-03-29 09:12:26 浏览:4 分类:编程开发
title: has been blocked by CORS policy跨域问题解决
我们在前端调用接口时,浏览器有时候会报错:
XXXX form XXXX Xhas been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is XXXX
这时候就是因为CORS保护问题阻止了我们的访问
一、什么是跨域
出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的。javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号(port)。
当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。
二、如何解决
返回header头Access-Control-Allow-Origin
我们需要服务端返回
access-control-allow-origin: 你的URL
Access-Control-Allow-Origin是HTML5中定义的一种解决资源跨域的策略。
这里的URL为你的访问端,可以设置*作为通配符,即所有域名都可以访问
Access-Control-Allow-Origin: *
Nginx配置跨域
直接全局配置,在server{}里直接添加一行
```nginx
add_header access-control-allow-origin *;
```
为指定URL配置
```nginx
location /api {
add_header access-control-allow-origin *;
if ($request_method = 'OPTIONS') {
return 204;
}
}
```
为某种资源配置
```nginx
location ~ .*.(jpg|avi|png)?$
{
add_header access-control-allow-origin *;
if ($request_method = 'options') {
return 204;
}
}
```
Apache配置跨域
在 httpd-vhosts.conf 添加
<VirtualHost *:80> DocumentRoot /data/www/test ServerName test.com Header set Access-Control-Allow-Origin * Header set Access-Control-Allow-Credentials true Header set Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept" <Directory /> Options FollowSymLinks ExecCGI Indexes AllowOverride All Order allow,deny Allow from all </Directory> </VirtualHost>
PHP配置跨域
在入口文件加入一行
header("Access-Control-Allow-Origin: *");
猜你还喜欢
- 03-29 [编程相关] Winform窗体圆角以及描边完美解决方案
- 03-29 [前端问题] has been blocked by CORS policy跨域问题解决
- 03-29 [编程相关] GitHub Actions 入门教程
- 03-29 [编程探讨] CSS Grid 网格布局教程
- 10-12 [编程相关] python实现文件夹所有文件编码从GBK转为UTF8
- 10-11 [编程算法] opencv之霍夫变换:圆
- 10-11 [编程算法] OpenCV Camshift算法+目标跟踪源码
- 10-11 [Python] python 创建 Telnet 客户端
- 10-11 [编程相关] Python 基于 Yolov8 + CPU 实现物体检测
- 03-15 [脚本工具] 使用go语言开发自动化脚本 - 一键定场、抢购、预约、捡漏
- 01-08 [编程技术] 秒杀面试官系列 - Redis zset底层是怎么实现的
- 01-05 [编程技术] 《Redis设计与实现》pdf
取消回复欢迎 你 发表评论:
- 精品推荐!
-
- 最新文章
- 热门文章
- 热评文章
[影视] 零食小屋 WEB-DL版下载/开个零食小铺 2023 The Snack Shack
[教育课程] 孙维刚数学课程[小学+初中+高中全套]
[游戏攻略] 云顶金铲铲:14.7版本初,实测阵容推荐,学会这几套上分不迷茫
[游戏攻略] 2024UEFN内容更新路线图
[游戏资讯] 《使命召唤:现代战争Ⅲ/战区》第三赛季 通行证一览
[实用工具] 学校班级、任课教师用今日课表(大屏、电脑均可使用)
[AI工具] AI换脸神器-AI FaceSwap v2.0.0,电脑端+本地部署,使用简单
[书籍] 海外中国研究丛书 江苏人民出版社 PDF
[电影] 2021年国产动画片《探探猫人鱼公主》HD国语中字
[电影] 2021年国产奇幻片《人鱼之海牢物怪》HD国语中字
[资料] [大学期末救急课] 猴博士+高斯课堂+斐多课堂,全集视频合集
[云资源] 价值2万元的老男孩Python教程
[书库] 史上最全摄影书推荐(附700本PDF版打包下载)
[云资源] 花了一千多元买的私人健身教程
[下载工具] Internet Download Manager 6.42.7 (IDM)
[影视] 灌篮高手 WEB-DL版下载/Slam Dunk/スラムダンク/灌篮高手:THE FIRST/灌篮高手电影版 2022 The First Slam Dunk 61.35G
[即时通讯] 腾讯QQ PC版9.7.22.29315去广告绿色纯净版
[开发环境] PhpStorm2023中文激活版v2023.3.3 正式版
[图像制作] Adobe Illustrator 2024 v28.1.0.141 破解版
[资料] 3000 套电影电视剧 LOGO 宣传片常用音效合集包
[云资源] 价值2万元的老男孩Python教程
[影视] 灌篮高手 WEB-DL版下载/Slam Dunk/スラムダンク/灌篮高手:THE FIRST/灌篮高手电影版 2022 The First Slam Dunk 61.35G
[云资源] 花了一千多元买的私人健身教程
[书库] 史上最全摄影书推荐(附700本PDF版打包下载)
[安卓软件] Android GIF助手 v3.9.7 GIF图片编辑器破解版
[电视剧] 三体 (2024) 全8集 网飞版本 中文字幕 合集
[剧集] 繁花 (2023)[全30集][打包]
[影视] 三大队 WEB-DL版下载/Endless Journey/请转告局长,三大队任务完成了 2023 三大队 6.7G
[纪录片] 河西走廊【10集 国语 中文字幕 1080P 10.8G MP4】
[安卓软件] OfficeSuite中文版APP v14.2.50872.0破解版
- 最新评论
-
谢谢支持!!CC下载站 评论于:03-26 很棒的资源,感谢分享云体风身 评论于:03-26 感谢分享,好东西云体风身 评论于:03-26 谢谢支持!CC下载站 评论于:03-14 央视精品,感谢付出提供。qwer9009 评论于:03-14 谢谢支持!!!CC下载站 评论于:03-13 谢谢分享!Ypc9182 评论于:03-12 谢谢支持!!CC下载站 评论于:03-11 感谢本网站收集和提供这么多的资料,谢谢!Ypc9182 评论于:03-10 很棒的资源,支持一下lingzhi007 评论于:03-10
- 热门tag