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

最新推荐文章于 2024-06-19 14:28:37 发布
最新推荐文章于 2024-06-19 14:28:37 发布
阅读量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
    评论
Connection reset原因分析和解决方案
weixin_34384557的博客
09-20 1万+
为什么80%的码农都做不了架构师？>>> ...
net::err_connection_reset 解决方案
慢谈人生
05-22 5万+
5.服务器上开启“Sangfor Security Service”服务，若此服务无法手动开启，那就找找服务器上是否安装了“终端防护中心”软件，此软件打开服务会自动启动。3.清除你的浏览器缓存和Cookie，然后重新启动浏览器，或者尝试使用其他浏览器进行测试。1.连接问题：你的互联网连接不稳定，或者你的网络中存在网络故障等问题。2.暂时禁用你的防火墙，或将防火墙的设置更改为允许与网站建立连接。2.防火墙设置：你的计算机上的防火墙阻止了与网站的连接。1.重启你的电脑和路由器，并确保你的网络连接稳定。
小程序报错：request:fail错误（含https解决方案）（真机预览问题）
u010227042的博客
02-24 1万+
问题描述：域名已经备案，我全部都有，也在后台配置了，但是手机预览，还是请求失败， PC端是可以请求数据出来的 新版开发者工具增加了https检查功能；可使用此功能直接本地避开ssl协议版本检查，但是此功能对（非调试模式）真机无效！（如需发布仍需排除所有问题才可正常使用）详情请参考：跳坑《七十九》调试模式与非调试模式，不校验域名 <ignore_js_op> 可能原因：0：后台域名没有配置配置完毕请点击刷新按钮： <ignore_js_op> 0.1：域名不支持https 1：没...
微信小程序请求服务器报ERR_CONNECTION_RESET
最新发布
chr35的专栏
06-19 773
微信小程序请求服务器报ERR_CONNECTION_RESET
net::ERR_CONNECTION_RESET 报错问题
liubangbo的专栏
12-03 1万+
项目上到预发环境下，测试发现有些接口出现了：net::ERR_CONNECTION_RESET 错误 把这些出现这个错误的接口配置一下host就可以了。 出现net::ERR_CONNECTION_RESET 错误的原因很多，加host应该是一种原因的解决方案。具体什么错误引起的不是很清楚。 猜测是 域名下作了文件上传进行了限制； 比如项目上线了，公司内网访问需要FQ，在公司内部测试正式环境时，相当于从内网像外上传文件，一般公司的信息安全部门会有限制这个权限；找到信息安全负责人确...
WebApi 跨域问题解决方案：CORS
07-23
WebApi 跨域问题主要源于浏览器的同源策略，这是一种安全机制，限制JavaScript或Cookie只能访问同一源（协议+域名+端口）下的内容。在实际开发中，当WebApi作为一个独立的服务，例如数据服务层，而MVC项目作为前端...
快速解决跨域请求问题: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都无法绕开这个跨域问题。除非你有被访问网站的修改权。如果你有被访问网站的修改权，通过在被访问网站添加授权配置
浏览器控制台报错net::ERR_CONNECTION_RESET原因：
热门推荐
柳旦旦的博客【PHP面试网博主】
04-20 19万+
浏览器控制台报错net::ERR_CONNECTION_RESET原因： 浏览器控制台报错net::ERR_CONNECTION_RESET原因： 浏览器控制台错误 101 (net::ERR_CONNECTION_RESET) 的本身含义就是这个网站存在故障暂时无法访问，也就是说这个网站服务器被关闭或者是你的网络提供商将这个网站IP屏蔽，可以尝试刷新这个页面，或者搜索这个网站以方便...
多方案解决VUE项目控制台报错：net::ERR_CONNECTION_REFUSED / [WDS] Disconnected!
weixin_52485890的博客
07-15 6741
一行代码解决VUE项目控制台报错：net::ERR_CONNECTION_REFUSED / [WDS] Disconnected!
微信小程序pc端正常，手机端报错 “ request:fail -2:net::ERR_FAILED ” 怎么解决？
Cike___的博客
11-07 1万+
微信小程序踩坑记录之中间证书 pc端访问小程序没有问题，但是手机访问时报错 “request:fail -2:net::ERR_FAILED”，怎么办？
浏览器出现错误代码：ERR_CONNECTION_RESET
zcxbd的博客
08-04 1万+
解决方案 刷新DNS解析缓存：windows+r ，输入cmd打开后，输入ipconfig/flushdns刷新DNS缓存即可
基于小程序报错＜request:fail 请求超时＞ ＜request:fail net::ERR_CONNECTION_TIMED_OUT＞问题记录
大脑和心脏都要跳动的97
02-10 3919
小程序报错<request:fail 请求超时> <request:fail net::ERR_CONNECTION_TIMED_OUT>
nginx 报400_Vue请求接口，nginx偶尔报400,Chrome网络面板提示 net:ERR_CONNECTION_RESET
weixin_39626409的博客
12-23 957
开发环境：CentOs/nginx/php-fpm搭建的开发环境。项目前后端完全分离，前段框架用Vue，请求接口的时候偶尔提示 Provisional headers are shown (net::ERR_CONNECTION_RESET)错误提示下面是chrome的网络面板提示nginx日志再贴一下nginx的access_log 和error_logerror_lognginx中配置了rew...
ERR_CONNECTION_CLOSED网络问题解决办法
weixin_51287014的博客
08-29 1万+
阿里云DNS：223.5.5.5 223.6.6.6)也可以使用你网络供应商的DNS，最后点击确定退出所有。如果你的网络可以正常访问QQ，微信等 客户端，但是一访问网页就报错（无法打开网页），可以尝试用以下办法解决。（我们可以选择填入免费公用的DNS比如114DNS:114.114.114.114。2. 如果通过刷新DNS还是无法打开，这个时候我们就要考虑是不是DNS的问题了，使用设置脚本关闭，使用代理服务器关闭，最后保存退出。需要我们更换一个可用的DNS。，在网络和internet设置界面找到。
还有其他方法，都报错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、付费专栏及课程。

余额充值