Uncaught (in promise) Error: Error: Network Error at eval (axios.js:104:1)eval @ axios.js:104

已于 2023-07-14 11:41:12 修改
阅读量1.5k 收藏 2
点赞数
CC 4.0 BY-SA版权
文章标签： vue.js
于 2023-07-13 14:03:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51184624/article/details/131701131
博客讨论了在使用Vue.js开发时遇到的跨域问题。跨域是由浏览器的安全机制引起的，为了解决这个问题，可以采用两种方法：1. 设置代理，使前端请求通过代理转发到后端接口，保持同域；2. 在后端配置允许特定域的跨域请求。文中提到了Vue项目的代理配置方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

这个是跨域的问题，一般会用到内网才可以访问那个地址，先试一下点击链接是否可以成功返回数据，如果后台给的链接没问题的话，我的解决方法是断开VPN就行啦

--------------------------------这是一条分割线--------------------------

哈哈哈哈，问了一个大神，然后大概了解了为什么会出现跨域的问题；

跨域其实是浏览器的保护机制，为了安全。
那么要解决跨域
1、做到同域，比如我们开发vue的时候，前段是一个端口，后端接口是一个端口，我们通过浏览器访问的时候是用的前端的端口访问的，比如localhost:3000 这个是前段的服务，后端的接口呢可能需要localhost:8080来访问，这是另外一个服务，如果我们直接在前端页面去调用后端接口，就会跨域，所以有个代理的配置，我们请求接口还是用loclhost:3000/api/xxx 这样去访问，但是代理了一层，代理帮我们把请求转发到了localhost:8080/api/xxx 这样我们的页面和接口都是在localhost:3000/这个域下，所以不存在跨域了。

这是比较常见的做法。<

最低0.47元/天 解锁文章

200万优质内容无限畅学
详细分析axios.js:72 Uncaught (in promise) Error: 未知错误 的解决方法（图文）
码农研究僧的博客
03-29 1606
图文找Bug，从前后端的思想进行分析
axios请求接口报错 Uncaught (in promise) Error: Network Error
zhiqiuqiu2的博客
09-06 1万+
就是post请求里的api地址有问题，这里我用的地址是tomcat的地址，但是前后端分离后，在vue项目中搭建了服务后，启动vue项目会自己生成一个url的访问地址。所以这里就不能使用8080了，要用生成的地址加上控制器的访问路径访问。在使用axios请求接口的时候，浏览器报错 Uncaught (in promise) Error: Network Error，找了很久也没有发现是什么问题？配置完服务后启动项目的地址，只要改成这个地址就可以了，或者不要前缀，直接使用控制器的地址也可以。
Uncaught (in promise) error问题排查
自救 唯有自强
08-20 2万+
从字面意思上看，是“未被发现的错误”，我之前一直觉得既然前端已经拿到后端返回的数据了，那一定是前端的代码写的有问题。但排查了一遍又一遍，仍然没有发现前端代码有什么问题。错误的代码是直接返回了data数据，而加了AjaxResult.success()方法后，报错信息：Uncaught (in promise) error。ConutValue对象很简单，就是从数据库中统计出4个数字。其实前端已经拿到后端返回的数据了。相当于加了个状态码，这样就好了。
Uncaught (in promise) Error: Network Error这是什么bug
weixin_40945354的博客
03-06 1万+
Uncaught (in promise) Error: Network Error at createError (main.js:1072:15) at XMLHttpRequest.handleError (main.js:917:14) 17:02:27.018 main.js:1072 Uncaught (in promise) Error: Network Error at createError (main.js:1072:15) at XMLHttpReque
报`Uncaught (in promise) TypeError: NetworkError when attempting to fetch resource.`错误解决办法
天天的博客
04-11 1万+
`Uncaught (in promise) TypeError: NetworkError when attempting to fetch resource.`错误通常出现在使用fetch API发起网络请求时，无法成功获取资源时抛出的异常
Uncaught (in promise) Error: Network Error at createError
weixin_43652669的博客
11-09 4440
axios跨域问题。axios请求到了数据但then返回不到数据。
Uncaught (in promise) Error: Network Error at e.exports (axios.js:8:6410) at d.onerror (axio
Cap07博客
01-30 3681
node端设置响应头，解决跨域问题。
axios.js:61 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'data') at eval (axios.js:61:1)
02-21
### 解决 Axios JavaScript 库中的 `TypeError` 错误 当遇到 `Cannot read properties of undefined (reading 'data')` 的错误时，这通常意味着尝试访问未定义对象的属性。对于 Axios 请求来说，这种问题可能源于...
axios.js:61 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'data') at eval (axios.js:61:1)
02-21
### Axios JavaScript 库中的 TypeError 错误解决方案 当遇到 `TypeError: Cannot read properties of undefined (reading 'data')` 的错误时，通常是因为尝试访问未定义对象的属性所引起的。为了防止这种情况发生...
axiosHelper.js:57 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'status') at eval (axiosHelper.js:57:1) eval @ axiosHelper.js:57
最新发布
06-28
我们正在处理一个JavaScript错误：TypeError: Cannotread propertiesof undefined(reading'status')根据引用[1][2][3]的内容，这类错误通常发生在尝试访问一个未定义(undefined)对象的属性时。在axiosHelper.js文件...
nodejsaxios请求到了数据但Uncaught (in promise) Error: Network Error at createError (createError.js?6d2f:16)
热门推荐
withwz的博客
07-15 5万+
axios请求到了数据但 then返回不到数据 解决方案 安装node模块 npm i koa2-cors -D const cors = require('koa2-cors'); app.use(cors()); 再请求 OK拿到数据Error没了
Vue项目报错：Uncaught (in promise) Error: Network Error
weixin_49065682的博客
10-26 9563
Vue项目报错：Uncaught (in promise) Error: Network Error报错,我的是出现在登录按钮退出时候失效，其实可以vscode结束重新 npm run dev一下（当然前提代码没错控制台没有其他错误的情况下）
nginx内网代理外网代理后页面调用接口Uncaught (in promise) Error: Network Error，postman调用没问题解决思路
weixin_49993248的博客
02-28 1353
本块异常说是 因为 nginx 配置了 【client_max_body_size】【client_body_buffer_size】【large_client_header_buffers】这些参数，并且配置的比较大，比如我配置了【1024M】，然后查看linux系统的内存容量【free -m】，发现只有【170M】，于是访问接口就出现了【Cannot allocate memory】，这个错误是【访问接口失败了】第一点是访问到了内网的nginx，第二点，路径通过这里没有问题，
Hbuilder真机调试出现Uncaught (in promise) Error: Network Error at js/......
水越帆的博客
11-14 3万+
今天把vue部署成app进行真机调试的时候，点击登录出现Uncaught (in promise) Error: Network Error at js/...... 在浏览器上没有任何问题，百度了一下无果，我看到 Network Error,想到应该是请求接口的问题 后来想到在开发的时候，给项目设置了代理来跨域，即config下的index.js的proxyTable: 想起来，在开发时，...
【无标题】Uncaught (in promise) Error: Network Error(未解决）
weixin_65920414的博客
11-22 1832
浏览了网上的一个帖子，还没试。
Uncaught (in promise) Error: Network Error的解决办法（未解决）
weixin_40945354的博客
03-22 6937
cnpm install axios --save 跨域问题
【前端异常】JavaScript错误处理：分析 Uncaught (in promise) error
java1024p的博客
12-11 3999
在前端开发中，JavaScript 异常是不可避免的。随着现代前端应用越来越多地使用异步操作(如 Promise、async/await 等)，开发者常常会遇到 Uncaught (in promise) error 错误。这个错误是由于未正确处理 Promise 的拒绝(rejection)而导致的，常常出现在异步操作失败的情况下。如果不妥善处理，可能会导致应用的不稳定和用户体验的下降。
Uncaught (in promise) AxiosError
m0_49598182的博客
03-24 642
解决前端请求错误uncaught in promise错误的一种方法
Uncaught (in promise) Error
weixin_52054631的博客
05-25 1247
使用returnPromise.reject(newError(res.msg||'Error'))去捕获处理异常，在请求回来时需要使用 .catch(err => {console.log(err)}) 去捕获异常，否则就会在控制台报这个错！
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值