vue 使用fetch 出现问题解决以及 相应知识学习

本文主要介绍了在Vue项目中使用fetch进行请求时遇到的问题,问题根源在于credentials设置为'include',导致了跨域问题。详细解释了fetch的credentials选项的三种模式:omit、same-origin和include,并提供了如何在服务器(如nginx)中配置的解决办法。此外,还提及了fetch的使用学习资料和相关应用配置链接。
摘要由CSDN通过智能技术生成

使用fetch 进行请求出现的问题

:8080/#/ohho:1 Failed to load http://test.houd.cn:8081/rest/api/test/async/: Response to preflight request doesn't pass access control check: 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'. Origin 'http://localhost:8080' is therefore not allowed access.

这个是由于自己设置了fetch 的credentials 为include 导致的
具体的知识点
https://developer.mozilla.org/zh-CN/docs/Web/API/Request/credentials

  • omit: 从不发送cookies.
  • same-origin: 只有当URL与响应脚本同源才发送 cookies、 HTTP Basic authentication 等验证信息.
  • include: 不论是不是跨域的请求,总是发送请求资源域在本地的 cookies、 HTTP Basic authentication 等验证信息.

使用的话在服务器配置这个参数为tru

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值