跨域报错

最新推荐文章于 2024-04-15 09:30:00 发布
最新推荐文章于 2024-04-15 09:30:00 发布
阅读量905 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Schrodinge/article/details/103970712
版权

笔记记录之跨域报错：http://localhost/访问服务器接口
跨域报错：Access to XMLHttpRequest at ‘https://www.zykjedu.cn:9443/api.html?method=store.getstorelist’ from origin ‘http://127.0.0.1’ has been blocked by CORS policy: 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’. The credentials mode of requests initiated by the XMLHttpRequest is controlled by the withCredentials attribute.

跨域报错原因： 浏览器（Webkit内核）的安全策略决定了file协议访问的应用无法使用XMLHttpRequest对象，请求返回200但是并没有返回数据
在这里插入图片描述

解决办法：找到谷歌浏览器的安装地址，
cmd 进入终端

C:\Users\pp>cd appdata

C:\Users\pp\AppData>cd local/google

C:\Users\pp\AppData\Local\Google>cd chrome

C:\Users\pp\AppData\Local\Google\Chrome>cd Application

C:\Users\pp\AppData\Local\Google\Chrome\Application>chrome.exe --disable-web-security --user-agent="Android" --user-data-dir="C:/temp-chrome-eng

C:\Users\pp\AppData\Local\Google\Chrome\Application>

然后打开 http://127.0.0.1/home/index/index.html

记录遇到的问题

马马虎虎敲可爱
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CORS error错误 has been blocked by CORS policy前端请求浏览器出错
m0_67265464的博客
03-03 1万+
问题简述 通过vue的axious拦截全局请求在请求头上加了identify和token字段后，访问后端zuul网关，浏览器出现错误，导致后台接收不了http包的自定义header字段，并不能很好的进行网关的鉴权。 错误如下: Access to XMLHttpRequest at ‘http://127.0.0.1:27000/api/v1/index-infos’ from origin ‘http://’ has been blocked by CORS policy: Request header
跨域错误原因及解决办法CORS&JSONP
weixin_65100963的博客
04-29 9553
跨域 把前端代码单独运行，就会报错了。 跨域-错误原因及解决思路 发起ajax请求的那个页面的地址 和 ajax接口地址 不在同一个域中 跨域错误:不同源的ajax请求====> 报跨域的错误 浏览器向web服务器发起http请求时 ，如果同时满足以下三个条件时，就会出现跨域问题，从而导致ajax请求失败： （1）请求响应双方url不同源。 双方url：发出请求所在的页面 与 所请求的资源的url 同源是指：协议相同，域名相同，端口相同 都相同。 以下就是不同源的： 从http://127.
解决跨域 报错Access to XMLHttpRequest at ‘http://127.0.0.1:3001/user‘ from origin ‘http://127.0.0.1:5501‘
weixin_52954097的博客
09-04 1万+
出现上述情况报错就是因为跨域了。跨域是为了保障安全，浏览器根据同源策略（协议，域名，端口号都要一致）给出的限制。ajax能直接获取同源的数据。不同源的需要解决跨域问题。
CORS 跨域问题解决&&预检（OPTIONS）请求解释
最新发布
weixin_42118323的博客
04-15 2308
浏览器使用 OPTIONS 方法发起一个预检请求（preflight request），来感知服务端是否允许该跨域请求，服务器确认允许之后，才发起实际的 HTTP 请求，OPTIONS 请求没有附带请求数据，响应体也为空，简单来说就是一种探测，这就是预检请求，是浏览器的一种保护机制。简单请求的对立面就是非简单请求，也就是说不能同时满足简单请求条件的请求就是非简单请求，就可能会触发预检（OPTIONS）请求。Nginx 增加配置解决跨域问题，只使用一种解决问题即可，不要同时配置多个。
前端跨域问题解决
hhhhuuul的博客
06-21 3396
当一个请求的url的协议、域名、端口号三者之间任意一个与页面当前的url不同即为跨域。在前端领域中，跨域是指浏览器允许向服务器发送跨域请求，从而克服Ajax只能。
什么是跨域 , 跨域问题如何解决?
Maybe__row的博客
04-29 1236
跨域问题是我们前端开发中经常会遇到的问题,遇到这样的问题,我们如何解决呢? 主要内容 错误原因分析 用CORS来解决 一、错误原因分析 1.get接口 2.点击按钮ajax发送请求 3.当我们在小黑窗启动接口,点击按钮ajax发送请求时,就会报错,下图就是跨域错误 4.什么原因导致了浏览器报跨域错误呢? (1)先认识下什么是跨域错误? 域错误就是:不同源的ajax请求====> 报跨域的错误,简单来说就是发起ajax请求的那个页面的地址 和 a...
跨域问题踩坑记录——附多种报错详细解决方案
qq_35751333的博客
02-08 4419
前后端分离项目，文件下载接口跨域问题，多种后端解决方案踩坑记录
详解WebSocket跨域问题解决
01-19
它实现了浏览器与服务器全双工通信，同时允许跨域通讯，是server push技术的一种很好的实现。我们使用Socket.io，它很好地封装了webSocket接口，提供了更简单、灵活的接口，也对不支持webSocket的浏览器提供了向下...
ajax跨域访问报错501的解决方法
12-02
总的来说，解决AJAX跨域访问报错501的问题，主要步骤包括： 1. 检查服务器是否支持请求方法，如果是非标准`contentType`，可考虑更改或移除。 2. 在服务器端配置CORS，允许指定的源进行跨域请求。 3. 对于非简单请求...
Apache跨域资源访问报错问题解决方案
09-14
主要介绍了Apache跨域资源访问报错问题解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
YApi 跨域请求插件 cross-request 3.0.0
04-07
前端和后端都可以需要，给yapi测试集合的时候使用
在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法
10-16
在开发Web应用时，经常会遇到跨域问题，尤其是在前端框架如LayUI与后端API交互时。跨域是浏览器为了安全而实施的一种策略，它限制了JavaScript从一个源（域、协议或端口）向另一个源发送HTTP请求的能力。在LayUI图片...
解决跨域报错：Access to XMLHttpRequest at ‘http://110.40.173.100:5173/api/user/login‘ from origin ‘http://1
gurenchang的博客
02-18 1645
解决跨域报错：Access to XMLHttpRequest at 'http://110.40.173.100:5173/api/user/login' from origin 'http://127.0.0.1:5173' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is
springboot 跨域问题
qq_43779511的博客
09-26 1713
spring boot 跨域解决方案
跨域错误解决
m0_66519237的博客
09-05 254
CORS（Cross-Origin Resource Sharing）：设置服务器响应头中Access-Control-Allow-Origin来允许跨域请求。跨域错误通常是指在浏览器中使用不同域名、协议或端口号进行访问时，在安全策略下会限制跨域请求，导致请求失败或数据无法获取。使用跨域的第三方库，如jQuery的ajax，可以通过jQuery.ajax中的jsonp属性来实现跨域请求。postMessage：在不同域名的页面之间使用postMessage API来进行通信。
http -- 跨域问题详解（浏览器）
qq_37233070的博客
12-19 1414
域域既是 Windows 网络操作系统的逻辑组织单元，也是Internet 的逻辑组织单元，它是安全边界。只有域的所有者才能访问管理域内部的资源，若其他的域要访问或者管理，则需要该域赋予其他域相关权限。从小角度来讲，在php中的变量作用域，就可以体现出安全边界的概念。在以下例子中，调用test函数并不会输出任何内容。echo $a;test();因为函数内调用的是局部作用域的变量，而在局部作用域内并没有声明 $a 变量。除非我们使用global $a;从全局作用域引用该变量。
浏览器_跨域问题
qq_43260366的博客
04-02 1205
跨域会报一个固定格式的错误：'ajax请求地址''网页请求地址'
跨域问题解决办法 (has been blocked by CORS policy:Response……) 原因及解决办法
热门推荐
轻风细雨_林木木
03-20 3万+
参考：https://www.cnblogs.com/wyw0905/p/14990707.html 前端报错 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. 什么是CORS CORS全称是跨域资源共.
前后端分离跨域问题：has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ heade
wyx_160724的博客
08-26 3194
Access to XMLHttpRequest at 'http://localhost:82/user/findUserById?id=3' from origin 'http://127.0.0 has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 当在进行前后端分离的时候，前端页面请求后台数据的数据，在浏览器出不来数据，且报以下错误
Uniapp uploadfile 跨域报错
07-20
Uniapp中使用uni.uploadFile进行文件上传时，如果涉及跨域请求，可能会出现跨域报错。解决跨域问题的方法有以下几种： 1. 在服务器端设置允许跨域访问：在服务器端的响应头中添加Access-Control-Allow-Origin字段，允许指定的域名或通配符（*）进行跨域访问。 例如，在Node.js的Express框架中，可以使用cors库来设置允许跨域访问： ```javascript const express = require('express'); const cors = require('cors'); const app = express(); app.use(cors()); // 处理文件上传的路由 app.post('/upload', (req, res) => { // 处理文件上传的逻辑 }); // 启动服务器 app.listen(3000, () => { console.log('服务器已启动'); }); ``` 2. 使用代理服务器：在uniapp的`config.js`配置文件中，可以配置一个代理服务器，将跨域请求转发到服务器端，从而避免跨域问题。 在`config.js`文件中添加以下代码： ```javascript module.exports = { devServer: { proxy: { '/api': { target: 'http://example.com', // 实际请求的接口地址 changeOrigin: true, pathRewrite: { '^/api': '' // 如果请求的接口路径有前缀，需要将其替换为空字符串 } } } } } ``` 然后，在uniapp中使用`uni.uploadFile`时，将请求的地址设置为`/api/upload`，例如： ```javascript uni.uploadFile({ url: '/api/upload', // 其他参数... }); ``` 这样，uniapp会将`/api/upload`的请求转发到`http://example.com/upload`。 3. 使用JSONP请求：如果服务器端支持JSONP跨域请求，可以将文件上传接口改为支持JSONP，并在uniapp中使用uni.request进行请求。 在服务器端将文件上传接口改为支持JSONP： ```javascript app.get('/upload', (req, res) => { const callback = req.query.callback; const result = { code: 0, message: '上传成功' }; const jsonpResult = `${callback}(${JSON.stringify(result)})`; res.send(jsonpResult); }); ``` 然后，在uniapp中使用uni.request进行请求： ```javascript uni.request({ url: 'http://example.com/upload', method: 'GET', dataType: 'jsonp', success(res) { console.log('文件上传成功', res.data); }, fail(err) { console.error('文件上传失败', err); } }); ``` 以上是解决Uniapp中使用uni.uploadFile跨域报错的几种方法，根据你的实际情况选择合适的方法进行处理。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值