解决无网络或网络差和跨域报错：request:fail net::ERR_CONNECTION_RESET has been blocked by CORS policy: . . . . . .

最新推荐文章于 2024-07-24 09:50:55 发布
最新推荐文章于 2024-07-24 09:50:55 发布
阅读量4.3k 收藏
点赞数
文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44730534/article/details/121178823
版权
本文介绍了在uni-app项目中遇到的网络请求失败net::ERR_CONNECTION_RESET和CORS策略阻塞的问题。提供了修改manifest.json配置，包括增加networkTimeout和设置h5 devServer代理以解决小程序和Chrome的报错。对于小程序，需要在本地设置中调整，而对于Chrome，可以通过运行带有特定参数的命令行来禁用web安全和跨域限制。同时补充了网络不稳定可能导致的错误和跨域解决方案。
摘要由CSDN通过智能技术生成

uniapp的index.vue文件运行到小程序和Chrome遇到的报错：request:fail net::ERR_CONNECTION_RESET Uncaught (in promise) has been blocked by CORS policy: . . . . . .

这个代码写完，(运行了app端的nvue文件没有报错)，vue文件运行到谷歌浏览器和小程序端都报错：request:fail
在这里插入图片描述
在这里插入图片描述
关于解决方案：
manifest.json添加:
“networkTimeout”: {
“request”: 60000 //多长时间算超时(单位毫秒)
},

“h5”: {
“devServer”: {
“port”: 8000,
“disableHostCheck”: true,
“proxy”: {
“/dpc”: {
“target”: “http://ceshi3.dishait.cn/api”, // 修改这里
“changeOrigin”: true,
“secure”: false
}
}
}
},

最低0.47元/天 解锁文章
鑫甫
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WebApi 跨域问题解决方案：CORS
07-23
WebApi 跨域问题主要源于浏览器的同源策略，这是一种安全机制，限制JavaScript或Cookie只能访问同一源（协议+域名+端口）下的内容。在实际开发中，当WebApi作为一个独立的服务，例如数据服务层，而MVC项目作为前端...
前端解决图片跨域问题：net::ERR_BLOCKED_BY_RESPONSE.NotSameOrigin
蓝枫秋千的踩坑记录
07-05 1万+
Control-Allow-Origin' header is present on the requested resource.
微信小程序请求服务器报ERR_CONNECTION_RESET
chr35的专栏
06-19 845
微信小程序请求服务器报ERR_CONNECTION_RESET
...has been blocked by CORS policy: Response to preflight request doesn‘t pass access control check
Austin_的博客
11-14 1724
Access to XMLHttpRequest at 'http://localhost:88/api/sys/login' from origin 'http://localhost:8001' 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
Vue2 跨域问题报错AxiosError net::ERR_FAILED、 Network Error、ERR_NETWORK
热门推荐
blog-xiaoh的博客
08-24 5万+
Vue2 跨域问题报错AxiosError net::ERR_FAILED、 Network Error、ERR_NETWORK
has been blocked by CORS policy: Response to preflight request doesn‘t pass access control check: No
小菜吉的博客
04-07 4万+
作为一个前端，没有后端数据的时候，自己模拟，就是最好的结局，我常用的就是两种： 1.postman进行后端模拟，在此就不进行多余叙述， 2.node后端，用express当中间件，也是问题的源头。 在进行请求时，终端报错为： has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header
使用vue.axios让JSON和JSONstring在前后端传输导致的net::ERR_FAILED和has been blocked by CORS policy:NO ‘Access-‘...
weixin_45876044的博客
06-23 1576
项目场景： 提示：通过vue.axios向后端传送数组时候出现的问题 在这里强调一下并不是所有的has been blocked by CORS policy:NO 'Access-'Control-Allow-Originheader is present on the requested resource 都是跨域问题，也有可能会跟我们后端的代码有关，我看网上一堆都说是跨域问题让我思考问题都从跨域问题思考了，最后发现是后端出现问题。 问题描述： 在写一个老师出试卷的项目当中，老师需要在前端往后端传送数
bug: https://aip.baidubce.com/oauth/2.0/token报错blocked by CORS policy
qq_45796592的博客
11-04 1585
解决百度云接口对接的跨域问题
高质量搬砖工人必会——Vue利用axios发起ajax请求遇到的问题（been blocked by CORS policy:；Failed to load resource: net::ERR_F）
楠鱼的博客
08-27 1万+
1. 后端方面 2. 前端方面 微信qq上面的记录
阿里云前端直传has been blocked by CORS policy: Response to preflight request doesn‘t pass access control
一起coding，一起嗨。
03-09 3446
一、问题描述 Access to XMLHttpRequest at 'https://xxxxx.oss-cn-beijing.aliyuncs.com/websiteInfo/newsicon_1646794266000.jpg' from origin 'http://xxxxxx:8081' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'A
elasticsearch-head连接elasticsearch跨域问题报错Failed to load resource: net::ERR_FAILED
lzh的博客
04-11 2359
Failed to load resource: net::ERR_FAILED Access to XMLHttpRequest at ‘http://192.168.19.18:9200/_all’ from origin ‘http://localhost:9100’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-A
快速解决跨域请求问题:jsonp和CORS
10-18
主要介绍了快速解决跨域请求问题:jsonp和CORS，涉及jsonp和CORS的介绍，分享了前端 jQuery 写法，后端 SpringMVC 配置，后端非 SpringMVC 配置等相关内容，具有一定借鉴价值，需要的朋友可以参考下。
cors：:crystal_ball:Supported（LaravelLumenPSR-15SwoftSlimThinkPHP）-PHP CORS（跨域资源共享）中间件
02-03
CORS PHP CORS（跨域资源共享）中间件。 支持 Symfony支持 Yii2支持 使用 composer require medz/cors 例： use Medz \ Cors \ Cors ; $ cors = new Cors ( $ config ); // The $config :backhand_index_...
快速解决Canvas.toDataURL 图片跨域的问题
01-19
【Redirect at origin ‘http://sub1.xx.com’ has been blocked from loading by Cross-Origin Resource Sharing policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource....
JS跨域操作工具：uc源代码
03-15
很多时候，我们在编写JS代码时，可能会涉及到跨域操作... 由于浏览器的安全性限制，JS、IFRAME、FLASH都无法绕开这个跨域问题。除非你有被访问网站的修改权。如果你有被访问网站的修改权，通过在被访问网站添加授权配置
uniapp map组件自定义markers标记点
qq_44161722的博客
07-23 578
需求是根据后端返回数据在地图上显示标记点，并且根据数据状态控制标记点颜色，标记点背景通过两张图片实现控制。
用uniapp 及socket.io做一个简单聊天app 2
hzether的博客
07-24 279
在这里只有群聊，二个好友聊天，可以认为是建了一个二人的群聊。
基于JAVA+SpringBoot+Vue+uniApp的校园日常作品商品分享小程序
最新发布
znbcj的博客
07-24 997
基于JAVA+SpringBoot+Vue+uniApp的校园日常作品商品分享小程序是一款专为校园内的学生和教师设计的移动应用程序。该小程序旨在提供一个便捷的平台，让学生和教师能够轻松地分享自己的手工制作、设计作品或二手物品，同时也方便其他用户浏览和购买这些商品。通过这款小程序，校园内的学生们可以轻松地将自己的作品分享给其他同学，增加彼此之间的交流和合作机会；同时，教师们也可以借此平台推广自己的教学成果或者寻找合适的教学资源。此外，该小程序还有助于减少校园内的浪费现象，提高资源的利用率。
还有其他方法，都报错Access to XMLHttpRequest at 'http://localhost:8080/adminLogin' from origin 'http://localhost:8081' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. xhr.js:251 POST http://localhost:8080/adminLogin net::ERR_FAILED 500
06-10
这个错误提示属于跨域资源共享（CORS）问题。CORS 是一种机制，它使用额外的 HTTP 头来告诉浏览器，哪些源（网站）具有运行访问的权限。错误提示中显示，你的请求源来自 `http://localhost:8081`，但是服务器返回的响应头中没有包含 `Access-Control-Allow-Origin` 属性，导致浏览器拒绝了响应。 解决这个问题的方法有多种。其中一种方法是，在服务器端设置响应头，允许来自特定源的请求。你可以在服务器端的响应头中添加以下代码： ``` Access-Control-Allow-Origin: http://localhost:8081 ``` 这个代码表示允许来自 `http://localhost:8081` 的请求。如果你想允许来自所有源的请求，可以把这个值设置为 `*`。 如果你使用的是 Express 框架，可以使用 `cors` 中间件来简化设置。你可以通过以下代码安装 `cors` 中间件： ``` npm install cors --save ``` 然后在服务器端代码中添加以下代码： ```javascript const express = require('express') const cors = require('cors') const app = express() app.use(cors({ origin: 'http://localhost:8081' })) // 其他代码 ``` 这样，就能够允许来自 `http://localhost:8081` 的请求了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值