Spring Cloud+Vue前后端分离项目报错：Network Error；net::ERR_FAILED（请求跨越）

最新推荐文章于 2024-10-14 21:55:12 发布
最新推荐文章于 2024-10-14 21:55:12 发布
阅读量3.4k 收藏 2
点赞数 2
分类专栏： Spring Cloud 文章标签： vue.js 前端 spring cloud
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50799264/article/details/129100980
版权
本文介绍了在Spring Cloud和Vue前后端分离项目中遇到的跨域请求问题及解决方案。针对跨域，可以通过在Controller上添加@CrossOrigin注解来解决。此外，错误的API请求地址和Nginx反向代理配置也可能导致请求失败，需要检查前端API请求地址与后端Controller的一致性，以及Nginx配置的服务端口地址是否包含正确的服务前缀。
摘要由CSDN通过智能技术生成

一、情况一

        1.1、存在跨域请求问题

        跨域请求：请求协议、域名、端口号，这三个如果有一个不一致就是跨域请求。

当前URL 请求URL 是否跨域 结果分析
https://www.baidu.com https://www.baidu.com/index.html 否 域名、协议、端口号一致
http://www.baidu.com https://www.baidu.com 跨域 协议不同（http/https）
https://www.baidu.com https://www.iqiyi.com 跨域 域名不同(baidu/iqiyi)
https://www.baidu.c
最低0.47元/天 解锁文章
曾凡康
关注
专栏目录
若依前后端分离集成CAS详细教程
猿小白的博客
07-31 2144
若依前后端分离集成CAS详细教程
项目踩坑记录0
qq_24790827的博客
05-24 1189
线项目bug记录 文章目录线项目bug记录1:依赖报错2:依赖报错3:依赖报错4：导包5：注解6：mybatis与mapper映射文件7:对象保存方法8:打印日志9:Spring注解和传参10:Spring Cloud引入Ribbon配合 restTemplate 实现客户端负载均衡11：response.setHeader("Content-Type","text/html;charset=UTF-8");设置无效排查12:bug:报错：IllegalStateException13:ant::Elast
错误 2 (net::ERR_FAILED): 未知错误
weixin_34234823的博客
06-12 7万+
为什么80%的码农都做不了架构师？>>> ...
前端报错ERROR Network Error AxiosError: Network Error at XMLHttpRequest.handleError (webpack-interna
最新发布
weixin_48809422的博客
10-14 899
解决方法： 给后端项目配置跨域资源共享（CORS）策略。
请求接口报错net::ERR_FAILED
热门推荐
weixin_45422787的博客
07-20 7万+
出现这个问题的原因： 1:前端域名配置错误 2:后端没有配置这个域名 解决： 确定当前接口请求和后端配置的域名一致，如果不一致，需要前端配置文件中改为和后端域名一致，如果项目中有使用多个域名的配置，除了主域名的接口之外，其他的域名接口需要单独代理调用，我当前的调用方式： getStoreSwitch(options = {}) { // 开关获取 options.baseURL = process.env.VUE_APP_WHALE_API options.url = `/pointma.
Vue2 跨域问题报错AxiosError net::ERR_FAILED、 Network Error、ERR_NETWORK
blog-xiaoh的博客
08-24 6万+
Vue2 跨域问题报错AxiosError net::ERR_FAILED、 Network Error、ERR_NETWORK
请求接口报错netERR_FAILED
m0_67401920的博客
03-07 2418
出现这个问题的原因： 1:前端域名配置错误 2:后端没有配置这个域名 解决： 确定当前接口请求和后端配置的域名一致，如果不一致，需要前端配置文件中改为和后端域名一致，如果项目中有使用多个域名的配置，除了主域名的接口之外，其他的域名接口需要单独代理调用，我当前的调用方式： getStoreSwitch(options = {}) { // 开关获取 options.baseURL = process.env.VUE_APP_WHALE_API options.url = `/pointma.
springboot项目已阻止跨源请求:同源策略、NET::CERT_COMNON_NAME_INVALID
qq_48922481的博客
04-18 2273
跨域报错： 一、已阻止跨源请求:同源策略 在后端配置cors，请求头设置为*，所有都允许 二、Network error错误 1、request请求的https，若是填写了http会报错，本地是http，服务器是https，很多人很容易忽视这个问题。 ServerIP配置错误，需要把config.js里的IP替换成网址，不然就会发生错误。嫌麻烦不要用172.12.2.2这类的，需要配置，你使用什么网址就用什么网址。 ...
RUOYI-Cloud-3.4.0-cas
cxyxiaoliu的博客
03-28 4476
​ ruoyi-cloud框架集成cas及权限管理 ​
微信小程序报错request:fail -2:net::ERR_FAILED(生成中间证书)
qq_43548590的博客
10-09 2765
小程序本地测试调用https接口正常，真机调试发现报错很有可能是ssl证书问题。
Django与vue前后联调，前端报错Failed to load resource: net::ERR_FAILED
qq_67326908的博客
07-06 2161
Django与vue前后联调，前端报错Failed to load resource: net::ERR_FAILED
chrome报错 net::ERR_FAILED
weixin_44894555的博客
10-13 9848
放假回来一开机就发现本地项目访问不了啦。 开始以为是后端的问题，后端排查了一阵没有问题。然后我用了三个同事的谷歌浏览器测试通过我的IP访问项目是能成功的。又用其他浏览器测试也是成功的… 我重装了chrome还是不行，最后分析network发现请求被block了。 解决方法如下： 浏览器地址栏输入 : chrome://flags/ 搜索 : Insecure origins treated as secure 把enabled改为disabled 或者把项目地址贴进下面的输入框，就不用改成disab
浏览器报错:net::ERR_FAILED ajax访问服务器JSON数据时的跨域问题
weixin_45755591的博客
09-01 1万+
原因: 在于当我们请求ajax请求时候，get的地址可能是3000端口，但是index.html页面启动时候所在的端口与3000端口不在同一端口中，服务器会自动禁止这一请求行为。 解决： 这时候需要在项目根目录安装第三方包 npm i cors -S 然后在app.js+ var cors = require("cors"); app.use(cors({ 　　methods: ["GET", "POST"], 　　alloweHeaders: ["Content-Type", "applicati.
解决下载文件时，浏览器请求报错(failed)net::ERR_FAILED
faix1314的博客
01-07 2万+
背景 一个后台运行系统上线后，经过一个月的试运行，解决了一堆破破烂烂的问题后，决定将系统下发给分公司使用。 使用的第二天，有分公司运营人员找来，说是文件不能下载，选择较少的数据的时候可以下载。（我们是下载的一个zip包，里面包含了一个 excel和N个图片）。 第一个解决方案，怀疑是不是公司网络有问题，切成手机热点，还是无法下载。 第二个解决方案，找分公司同事电脑下载，可以正常下载。 经过半个小时的远程，未发现问题，只是认定是运营人员电脑的问题。 第二天运营人员单加我的微信进行骚扰。最狠的一句话
chrome网页打不开“错误2(net::ERR_FAILED):未知错误”的解决办法
gaoyang610的专栏
04-13 7967
今天笔记本更新了Chrome浏览器，然后悲剧的出现了“网页打不开，提示：错误 2 (net::ERR_FAILED): 未知错误。”的错误信息。而电脑上所有的webkit内核的浏览器都无一幸免，但同样更新的台式机则正常上网。由于安装时本子正在跑一个matlab程序，一开始怀疑是笔记本安装出现问题，卸载重装依然悲剧四溢。 　　google了一下，发现遇到该问题的人不少，最终使用下述办法解决。记
springcloud gateway分发服务报302，Network Error
qq_43432057的博客
08-03 2264
springcloud使用gateway分发服务，访问接口时一直报错： 打开浏览器控制台一直提示302，然后转发到login； 多次试验后发现是pom.xml文件中引入的secret依赖的问题，注释后重新启动，可以正常访问。 <!-- spring security 安全认证 --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>sprin
vue前后端相连接报错解决方法：Network ErrorAxiosError: Network Error at XMLHttpRequest.handleError
qq_42971308的博客
04-07 2054
如果你的前端和后端部署在不同的域或端口上，浏览器的同源策略可能会阻止前端代码访问来自不同源的资源。你需要在服务器端配置 CORS 策略来允许来自前端的请求。// 你可以进一步精细化配置，如限制 HTTP 方法、头部、超时等。// 修改为你的实际包名。// 允许所有源访问所有端点。跨源资源共享（CORS）问题。
SpringCloud+Vue打造前后端分离权限管理系统实战
资源摘要信息:"基于springcloud+Vue整合前后端分离权限管理系统 第一季" 本课程旨在介绍如何使用Spring Cloud和Vue.js构建一个前后端分离的权限管理系统。前后端分离架构是当前Web开发中的一种流行趋势，它将前端...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值