我是靠谱客的博主 明理豆芽,最近开发中收集的这篇文章主要介绍解决:Uncaught (in promise) TypeError: Failed to fetch 的问题,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

1、问题展示:

其一、报错的代码信息为:
Access to fetch at '..........' from origin '.................' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: Redirect is not allowed for a preflight request.

中文翻译:
CORS 策略已阻止从源“.......”获取“.......”的访问权限:对预检请求的响应不通过访问控制检查:预检请求不允许重定向。

其二、报错的代码信息为:
Failed to load resource: net::ERR_FAILED

中文翻译:
加载资源失败:net::ERR_FAILED

2、原因分析:

看到提示,肯定是 Chrome 浏览器 跨域 的问题;
解决方案:可能是 Chrome 浏览器版本的问题,因此将 Chrome 浏览器设置成 允许跨域,应该就能解决该问题;

3、解决过程:

方法一:添加 --disable-web-security 属性(本人亲自实验,没有问题)

A、在 C盘 目录下新建一个文件夹:MyChromeDevUserData;
如下图所示:

在这里插入图片描述

B、右击桌面 Chrome 快捷图标打开 属性 一栏
如下图所示:

在这里插入图片描述

C、在属性页面 目标(T): 输入框中输入:
--disable-web-security --user-data-dir=C:MyChromeDevUserData

【注意:-- 符号前面都有一个空格】
如下图所示:

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

D、点击右下角应用(A)
若提示需要管理者权限,就使用管理者权限继续操作;

E、打开新页面的 Chrome,弹出--disable-web-security 相关的提示即配置成功
如下图所示:

在这里插入图片描述

方法二:添加 启动参数(未尝试,成功了麻烦留言!);

A、在 C盘 目录下新建一个文件夹:MyChromeDevUserData;
如下图所示:

在这里插入图片描述

B、右击桌面 Chrome 快捷图标打开 属性 一栏
如下图所示:

在这里插入图片描述

C、在属性页面 目标(T): 输入框中输入:
--user-data-dir="C:MyChromeDevUserData --test-type --disable-web-security

【注意:-- 符号前面都有一个空格】

D、点击确定
若提示需要 管理者权限,就使用管理者权限继续操作;

方法三:在Chrome商店安装装CORS插件(未尝试,成功了麻烦留言!);

在这里插入图片描述

4、小结:

其一、哪里有不对或不合适的地方,还请大佬们多多指点和交流!
其二、有兴趣的话,可以多多关注这个专栏(Vue(Vue2+Vue3)面试必备专栏):https://blog.csdn.net/weixin_43405300/category_11525646.html?spm=1001.2014.3001.5482

最后

以上就是明理豆芽为你收集整理的解决:Uncaught (in promise) TypeError: Failed to fetch 的问题的全部内容,希望文章能够帮你解决解决:Uncaught (in promise) TypeError: Failed to fetch 的问题所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(43)

评论列表共有 0 条评论

立即
投稿
返回
顶部