Vue 项目中遇到的跨域问题（后台 PHP）

最新推荐文章于 2024-06-02 22:07:35 发布
最新推荐文章于 2024-06-02 22:07:35 发布
阅读量1w 收藏 14
点赞数 3
分类专栏： 问题记录
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sansan_7957/article/details/79714486
版权

问题描述

前端 vue 框架，后台 php，百度跨域问题后台加这段代码
header("Access-Control-Allow-Origin: *");

加了之后报这个错：
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-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'.

#解决办法
文章链接：CORS: credentials mode is ‘include’

xhrFields: {
  withCredentials: false
},
最低0.47元/天 解锁文章
「已注销」
关注
  • 3
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue项目配置跨域访问和Proxy代理设置
ych6666的博客
01-26 1935
Vue项目配置跨域访问和代理设置 在vue单应用项目开发时，请求后端会出现跨域问题。 常用的解决方案 1.前端通过代理进行访问后端 2.nodejs设置响应头 2.后端设置允许跨域访问 方法1. vue-cli代理 在config/index.js中做配置： 请求http://localhost:8000/adminapi/会代理请求http://localhost:7001/ module.exports = { dev: { ... port: 8000, proxyTa
vue实现跨域的方法分析
10-16
在使用vue-cli构建项目时，可以利用其内置的代理功能解决跨域问题。在`config/index.js`文件中的`proxyTable`配置项，可以设置一个代理规则，将前端的API请求转发到目标服务器。例如： ```javascript proxyTable: {...
Vue 项目中遇到的跨域问题及解决方法(后台php)
08-27
主要介绍了Vue 项目中遇到的跨域问题及解决方法(后台php)，前端采用vue框架，后台php，具体解决方法，大家参考下本
【备忘录】从头搭建VUE项目，配置ROUTE路由，并使用AXIOS跨域访问后端
Xcong_Zhu的博客
11-18 2641
学习笔记整理
The value of the ‘Access-Control-Allow-Origin‘ header in the response 关于后端配置允许跨域后前端请求依然失败得不到响应的问题
最新发布
2301_79108772的博客
06-02 808
作者在进行联系session分布式登录的时候，遇到了一个问题，就是明明我的后端进行配置了允许跨域，但是前端依然请求失败，无法收到请求，并报出如下错误。
Js设置前端允许跨域请求后端API:Access-Control-Allow-Credentials
盏茶作酒的博客
09-28 4807
跨域报错信息： Console代码 收藏代码 Fetch API cannot load https://xxx.com/api. Response to preflight request doesn't pass access control check: The value of the 'Access-Control-Allow-Credentials' header ...
Provisional headers are shown解决方法
zhengwei1345_的博客
03-20 2050
网上查询了很多资料和解决方案都行不通，包括，修改ng配置（增加跨域限制等配置）。,这个配置可能要求所有请求都传递cookies值，但是跨域的时候是没法取到值的，因为跨域。打包，构建，发布后，验证，接口请求成功，大功告成。最后让前端单独设置跨域接口请求，设置。
Vue易购商城.zip
09-07
在这个项目中，Vue.js用于构建用户界面，MySQL作为数据库存储商品信息，PHP用于处理服务器端逻辑，而AJAX则用来解决前端与后端之间的跨域通信问题。 1. **Vue.js**：Vue.js 是一种轻量级的渐进式JavaScript框架，...
vue引入ueditor及node后台配置详解
08-28
本文主要探讨如何在 Vue 项目中引入 UEditor 并完成与 Node.js 后台的配置。 首先，Vue 引入 UEditor 的步骤如下： 1. **下载 UEditor**：可以从 UEditor 官方网站获取所需版本，这里以 PHP 版本为例，但选择任何...
Access-Control-Allow-Credentials‘ header in the response is 关于跨域问题的个人记录【各种解决】
weixin_42212401的博客
01-14 2743
然后后端一般都是加上这个 response.setHeader("Access-Control-Allow-Origin", "*"); response.setHeader("Access-Control-Allow-Methods", "POST, GET, PUT, DELETE"); response.setHeader("Access-Control-Allow-Credentials", "true"); response.setHeader("Access-Control-Max-Age",.
关于接口调用跨域问题的解决方案
FormatRain的博客
05-24 2868
我们在移动端开发的时候，如果调用外部接口，容易出现跨域问题，问题如下： 英文描述： 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'。 我们的解决方案： 1、服务器端设置： Access-Control-Allow-Headers：Origin, Content
新鲜出炉的跨域问题：前端设置credential: ‘include‘，后端不能用‘*‘通配符匹配所有源
画舸覆堤
09-05 1183
gun
fetch 跨域 SpringBoot credentials mode is include setAllowCredentials
Cribug8080的博客
04-25 3720
credentials mode is 'include'是请求带cookie function fetchFn(){ let myHeaders = new Headers({ 'Access-Control-Allow-Origin': '*', 'Content-Type': 'text/plain', 'Cache-Control': '...
nodejs 跨域出现错误
知无涯
06-21 3630
错误日志如下:Failed to load http://115.159.52.223:3000/user/admin-userLogin: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials...
关于credentials跨域问题
zhangjiashu的博客
05-02 381
Access to XMLHttpRequest at 'http://127.0.0.1:7001/api/user/list' 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 wildcard '*' when the request's cre
解决：前端请求跨域问题
weixin_48033662的博客
07-01 1528
什么是同源协议？ 同源策略/SOP （Same origin policy）是一种约定，由 Netscape 公司1995年引入浏览器。 同源策略是指在 Web 浏览器中： 若某个网站的脚本（比如：js脚本）需要去访问另一个网站的相关资源；那这两个网站就必须同时满足下面三个条件才行，否则浏览器就会自动拦截脚本发起的相关请求: 1、协议相同； 2、域名相同； 3、端口相同；
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' ...
跨域通配符*与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...
response设置响应头，解决跨域请求问题，No 'Access-Control-Allow-Origin' header is present on the requested resource
热门推荐
益添的博客
05-15 25万+
今天被跨域请求的问题困扰了很久，跨域一句话的理解就是：服务端和请求端的地址不一样。跨域的详细介绍可以参考：浏览器和服务器实现跨域(CORS)判定的原理，这里不多赘述。我出现的问题，主要就是客户端向发送了服务端请求，服务器已经能返回数据，但是浏览器不接收。Failed to load http://localhost:8080/XXXX: No 'Access-Control-Allow-Origi...
VUE 项目中解决跨域问题
05-28
在Vue项目中，可以通过以下几种方式解决跨域问题： 1. 代理方式 可以在`vue.config.js`文件中配置代理，将前端的请求转发到后端的接口上，解决跨域问题。示例代码如下： ```javascript module.exports = { devServer: { proxy: { '/api': { target: 'http://localhost:8080', // 后端接口地址 changeOrigin: true, // 是否允许跨域 pathRewrite: { '^/api': '/api' // 重写接口 } } } } } ``` 2. JSONP方式 JSONP是一种跨域请求的方式，通过在前端页面中动态创建一个script标签，将请求发送到后端，后端返回的数据需要包装成一个函数调用的形式，从而返回到前端页面中。示例代码如下： ```javascript import jsonp from 'jsonp' jsonp('http://localhost:8080/api', { param: 'callback' }, (err, data) => { if (err) { console.error(err.message) } else { console.log(data) } }) ``` 3. CORS方式 CORS是一种在服务器端解决跨域问题的方式，通过在后端接口中设置相关的响应头信息，允许跨域访问。示例代码如下： ```javascript app.use((req, res, next) => { res.setHeader('Access-Control-Allow-Origin', '*') res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE') res.setHeader('Access-Control-Allow-Headers', 'Content-Type') next() }) ``` 以上是在Vue项目中解决跨域问题的几种方式，不同的场景可以选择不同的方式来解决跨域问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值