The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard

最新推荐文章于 2024-06-02 22:07:35 发布
最新推荐文章于 2024-06-02 22:07:35 发布
阅读量1.4w 收藏 2
点赞数 1
文章标签： The value of the 'Access-Contr 'Access-Control-Allow-Origin vue-axios 跨域
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Zxiuping/article/details/102835425
版权

vue项目中axios请求数据的时候请求失败，出现跨域问题。

withCredentials 属性

CORS请求默认不发送Cookie和HTTP认证信息。但是有的后台要把Cookie发到服务器，要服务器同意，指定Access-Control-Allow-Credentials字段。

在axios的配置文件中配置withCredentials属性，默认带cookie给后台，

import Axios from 'axios';

Axios.defaults.withCredentials=true;

Zxiuping
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue出现 The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard
一只软件小白的博客
03-25 1万+
问题 vue中使用axios+整合后端php请求接口出现AccesstoXMLHttpRequestat'http://localhost:82/clien/aboutUs'fromorigin'http://localhost'hasbeenblockedbyCORSpolicy:Thevalueofthe'Access-Control-Allow-Orig...
解决方案 ‘Access-Control-Allow-Origin’ header in the response must not be the wildcard ‘*’
12-20
以下的问题由我斌哥提供解决方案 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
The value of the ‘Access-Control-Allow-Origin‘ header in the response 关于后端配置允许跨域后前端请求依然失败得不到响应的问题
最新发布
2301_79108772的博客
06-02 802
作者在进行联系session分布式登录的时候，遇到了一个问题，就是明明我的后端进行配置了允许跨域，但是前端依然请求失败，无法收到请求，并报出如下错误。
The value of the ‘Access-Control-Allow-Origin‘ header in the response must not be the wildcard ‘*‘ w
qubes的专栏
07-12 3537
The value of the ‘Access-Control-Allow-Origin’ header in the response must not be the wildcard ‘*’ when the request’s credentials mode is ‘include’.No ‘Access-Control-Allow-Origin’ header is present on the requested resource. If an opaque response serves y
解决The value of the ‘Access-Control-Allow-Origin‘ header in the response must not be the wildcard ‘*‘
后端开发
05-31 1万+
1.问题描述： 前台vue项目中需要在request_header中传cookie给后台 但是控制台报错如下； Access to XMLHttpRequest at ‘http://192.168.0.230:9800/v1/user/wwwlogin’ from origin ‘http://192.168.0.230:8888’ has been blocked by CORS policy: Response to preflight request doesn’t pass access co
【Vue3】跨域问题 [The value of the ‘Access-Control-Allow-Origin‘ header in the response must not be the..]
Jessieeeeeee的博客
01-14 8859
场景 vue 项目中 axios 请求数据的时候请求失败，出现跨域问题。 报错信息 The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard 解决方法 withCredentials 属性 CORS 请求默认不发送 Cookie 和 HTTP 认证信息。如果要把 Cookie 发到服务器，一方面要服务器同意，指定 Access-Control-Allow-Credentials
Vue 项目中遇到的跨域问题及解决方法(后台php)
01-19
The value of the ‘Access-Control-Allow-Origin’ header in the response must not be the wildcard ‘*’ when the request’s credentials mode is ‘include’. The value of the ‘Access-Control-Allow-...
babel-plugin-wildcard:通配符导入可导入目录JS文件
04-30
babel-plugin-wildcard 允许您在编译时从目录import所有文件。 安装 $ npm install babel-plugin-wildcard 用法 通过.babelrc （推荐） .babelrc { " plugins " : [ " wildcard " ] } 通过CLI $ babel --...
socketio-wildcard:具有通配符事件的socket.io v2.x
04-28
从Socket.io v2.0.4（ ）开始，您可以使用套接字中间件来捕获每个传入的Packet，这可以满足大多数socketio-wildcard的用例。 io . on ( 'connection' , ( socket ) => { socket . use ( ( packet , next ) => { /...
The-Unix-Workbench
03-19
标题 "The-Unix-Workbench" 提到的是一个与Unix工作环境相关的项目，可能是为了帮助用户熟悉或提高在Unix环境下的工作效率。Unix是一种强大的操作系统，它以简洁、高效和可移植性著称，广泛应用于服务器、工作站以及...
填坑 The value of the ‘Access-Control-Allow-Origin‘ header in the response must not be the wildcard ‘*
Smile_Joe的博客
04-06 2万+
问题描述：本来没问题来着，过了几天，突然不行了，报错如下 1.报错 Access to XMLHttpRequest at 'http://localhost:8443/api/register' from origin 'http://localhost:8080' has been blocked by CORS policy: The value of the 'Access-Control-Allow-Origin' header in the response must not be the
The value of the ‘Access-Control-Allow-Origin‘ header in the response must not be the wildcard问题
zhaofangyuan111的博客
05-13 707
app.use('/', (req, res, next) => { res.header('Access-Control-Allow-Origin', req.header('Origin')); res.header('Access-Control-Allow-Method', 'get,post'); res.header('Access-Control-Allow-Credentials', true) next() }) 在跨域请求中携带Cookie的问题.
浏览器报`The value of the ‘Access-Control-Allow-Origin‘ header in the response must not be the wildcard
墨抒颖
11-16 1778
欢迎访问moshuying.top查看更多信息 详细错误信息 Access to XMLHttpRequest at 'http://localhost:7894/Login' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The value of the 'Access-Control-
跨域通配符*与include报错，The value of the 'Access-Control-Allow-Origin' header '*'
海贼8023的博客
11-08 2万+
网上的答案，有道理，但不太对， response.headers['Access-Control-Allow-Credentials'] = 'true' response.headers['Access-Control-Allow-Origin'] = '*' response.headers['Access-Control-Allow-Methods'] = 'POST' response...
跨域问题The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '...
weixin_30337157的博客
09-25 3782
withCredentials 属性 上面说到，CORS请求默认不发送Cookie和HTTP认证信息。如果要把Cookie发到服务器，一方面要服务器同意，指定Access-Control-Allow-Credentials字段。 出现这个报错信息很可能是你在前端设置了withCredentials = true;你可以去掉这个设置也可以参考下面两个博客 https://jue...
记一个跨域问题The value of the ‘Access-Control-Allow-Origin‘ header in the response must not be the wildcar
蛐蛐的博客
12-01 555
1.简介 本地开发，前端使用axios axios.create({ baseURL: process.env.REACT_APP_SERVER_API, withCredentials: false, headers: { 'Content-Type': 'application/json', } ) 后端是nest.js const app = await NestFact..
python flask 跨域请求 The value of the ‘Access-Control-Allow-Origin‘ header in the response must not be
热门推荐
桥南玄机子的博客
04-10 3万+
如果写的跟其他人一样,没一点干货，我肯定懒得写。毕竟我不是为了骗赞。今天用flask写了一个http的server，js在调用的时候， 报了一个错，说是要添加跨域请求。于是我从网上抄了一段解决跨域的代码。@app.route('/rec',method=['POST']) def getdata(): retdict = {} retdict['data'] = 'return data' ...
access-control-allow-origin' header in the response must not be the wildcard
04-27
许多网站使用CORS（跨域资源共享）作为一种安全机制，以允许某个域在其网站上加载来自不同源的资源。服务器端通过“access-control-allow-origin”头在响应中允许指定的域访问资源。常见的做法是将该头设置为"*"，表示允许来自任何域的请求。但是，这种做法存在潜在的安全风险。 如果一个站点允许access-control-allow-origin的值为*，就可能允许恶意用户通过开发恶意代码来绕过浏览器的同源策略限制。这样一来，攻击者可以利用某些漏洞来访问站点的敏感数据和功能。 因此，不建议将access-control-allow-origin的值看作通配符或万能的解决方案。而是应该指定允许访问服务器的域。例如，在允许www.example.com访问服务器时，应将access-control-allow-origin设置为“https://www.example.com”。 总之，将access-control-allow-origin头设置为通配符可能会导致安全问题，请在Server端明确指定允许访问服务器的域名。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值