response to preflight request doesn't pass access control check: no 'access-control-allow-origin' header is present on the requested resource.

时间: 2023-04-30 18:02:59 浏览: 287

解决方案 ‘Access-Control-Allow-Origin’ header in the response must not be the wildcard ‘*’

5星 · 资源好评率100%

以下的问题由我斌哥提供解决方案 https://me.csdn.net/Duktig19 他的个人站点. 文中内容由本人测试和整理环境文中使用的环境是 "name": "vue-admin-template", "version": "3.8.0" using npm@6.4.1 using node@v10.14.2 先看三张图，正常都是服务器返回session，然后浏览器每次发请求都会带上这个sessino 原创文章 24获赞 1访问量 1200 标题 "解决方案 ‘Access-Control-Allow-Origin’ header in the response must not be the wildcard ‘*’" 提到的是一个在Web开发中常见的跨域问题。`Access-Control-Allow-Origin` 是一个用于控制资源跨域访问的HTTP响应头字段。当浏览器进行跨域请求时，会检查该响应头来确定是否允许当前页面访问该资源。如果`Access-Control-Allow-Origin`的值为通配符`*`，则表示允许所有源访问，但在某些情况下，浏览器可能会对此设置产生限制，导致报错。我们需要理解跨域（CORS，Cross-Origin Resource Sharing）的概念。跨域是指一个域下的文档或脚本尝试请求另一个域下的资源。出于安全原因，浏览器通常不允许这样做，除非目标服务器明确允许。CORS就是一种机制，通过在服务器响应头中添加特定的字段来允许跨域请求。描述中提到的环境是 "vue-admin-template" v3.8.0，它是一个基于Vue.js的管理后台模板，使用npm@6.4.1和node@v10.14.2进行构建和运行。这通常是一个前后端分离的应用，前端使用Vue.js，后端可能使用各种服务器技术，如Node.js、Java、Python等。当开发者遇到"Access-Control-Allow-Origin’ header in the response must not be the wildcard ‘*’" 的错误时，这可能意味着服务器设置的CORS策略过于宽松，浏览器认为存在潜在的安全风险，因此拒绝了请求。为了解决这个问题，你可以采取以下步骤： 1. **修改服务器配置**：在后端服务器的响应头中，将`Access-Control-Allow-Origin`设置为具体的源地址，而不是`*`。例如，如果你的前端应用运行在`http://example.com`，则应设置为`Access-Control-Allow-Origin: http://example.com`。 2. **考虑其他CORS相关头部**：除了`Access-Control-Allow-Origin`，你可能还需要设置其他CORS相关的头部，如`Access-Control-Allow-Methods`(允许的方法)，`Access-Control-Allow-Headers`(允许的自定义头部)，以及`Access-Control-Allow-Credentials`(是否允许携带Cookie)。特别是`Access-Control-Allow-Credentials`，当设置为`true`时，必须指定一个特定的源，而不能使用`*`。 3. **处理预检请求**：对于使用了非简单HTTP方法（如PUT、DELETE、OPTIONS）或者自定义头部的请求，浏览器会先发送一个OPTIONS预检请求，确认服务器允许这些操作。确保服务器正确处理并响应预检请求。 4. **测试与调试**：使用Chrome的开发者工具在网络面板中查看请求和响应头，确认CORS头部是否正确设置。如果问题仍然存在，可能需要检查浏览器的兼容性，因为不同的浏览器对CORS的实现可能存在差异。 5. **注意安全性**：虽然设置`Access-Control-Allow-Origin`为`*`方便了开发，但会降低安全性。确保只允许必要的源访问服务器资源，以防止恶意网站利用你的API。解决“Access-Control-Allow-Origin’ header in the response must not be the wildcard ‘*’”问题的关键在于精确配置服务器的CORS策略，既要满足前后端通信的需求，又要保证应用的安全性。同时，对HTTP请求和响应头的深入理解，以及对浏览器同源策略和CORS机制的掌握，也是开发过程中必不可少的技能。

这是一条关于跨域请求的错误消息，表示请求的资源未包含 "access-control-allow-origin" 头，因此不通过访问控制检查。这意味着请求的网页与资源所在的域不同，而浏览器阻止了该请求。

阅读全文

response to preflight request doesn't pass access control check: no 'access-control-allow-origin' header is present on the requested resource.

相关推荐

已解决：No 'Access-Control-Allow-Origin'跨域问题

Nginx配置跨域请求Access-Control-Allow-Origin * 详解

laravel 提示Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Response to preflight request doesn t pass access control check: No Access-Control-Allow-Origin

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resourc

has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

vue3发送axios请求has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

response to preflight request dosen't pass access control check：No 'Access-Control-Allow-Origin' header is present on the requested resource

这个报错是什么意思has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

response to preflight request does not access control check : No 'Access-Control-Allow-Origin' header is present on the requested resource

教师节主题班会.pptx

学生网络安全教育主题班会.pptx

世界环境日主题班会.pptx

GNSS 经纬度 所有国家的电子围栏

JEEWEB Mybatis版本是一款基于SpringMVC+Spring+Mybatis+Mybatis Plus的JAVA WEB敏捷开发系统.zip

20190313-092954-旋转磁体产生的场对原子钟频率的影响

java毕设项目之基于springboot + vue 物流系统(源码+说明文档+mysql).zip

最新推荐

教师节主题班会.pptx

学生网络安全教育主题班会.pptx

世界环境日主题班会.pptx

GNSS 经纬度 所有国家的电子围栏

JEEWEB Mybatis版本是一款基于SpringMVC+Spring+Mybatis+Mybatis Plus的JAVA WEB敏捷开发系统.zip

正整数数组验证库：确保值符合正整数规则

管理建模和仿真的文件

【损失函数与随机梯度下降】：探索学习率对损失函数的影响，实现高效模型训练

在ADS软件中，如何选择并优化低噪声放大器的直流工作点以实现最佳性能？

系统移植工具集：镜像、工具链及其他必备软件包

GNSS 经纬度所有国家的电子围栏

GNSS 经纬度所有国家的电子围栏