vue跨界域名报错----Network Error at createError (webpack-internal:///./node_modules/axios/lib/c

最新推荐文章于 2024-06-04 11:31:39 发布
最新推荐文章于 2024-06-04 11:31:39 发布
阅读量2.3w 收藏 13
点赞数 3
分类专栏： 报错
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jim_007/article/details/103613638
版权

Uncaught (in promise) Error: Network Error
    at createError (webpack-internal:///./node_modules/axios/lib/core/createError.js:16)
    at XMLHttpRequest.handleError (webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:87)

我这是在尝试vue调用后端接口时调用报错，查过后说是【跨界域名】的配置问题，然后我在vue上各种配置都不行，一阵折腾，后来在网上看到网友一句话，大致内容是：跨界域名问题得前端后端人员商量进行配置；

我纳闷这东西还得在后端服务器上做啥配置吗，然后冒试了下在后端配置：

嗯，然后就好了，能正常调用接口了，十分感谢那位网友哈！！！

小小梦里花007
关注
  • 3
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
techQ&A · Vue项目axios请求时报错Network Error at createError at XMLHttpRequest.handleError
qq_41113339的博客
09-23 3万+
Vue项目axios请求时报错Network Error at createError at XMLHttpRequest.handleError错误解决可能的原因一解决方案可能的原因二解决方案 错误 Vue项目axios请求时报错： Error: Network Error at createError (https://localhost:3000/node_modules/.vite/axios.js?v=2d671dec:333:19) at XMLHttpRequest.handleError
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
【Vue+Axios】Access to XMLHttpRequest at XXX from origin XXX has been blocked by CORS policy
HEX9CF的技术博客
09-25 5196
基于Vue3和SpringBoot进行前后端分离开发，实现登录功能。在测试提交表单时axios报错。
ERROR [object Object] at handleError (webpack-internal:///./node_modules/webpack-dev-server/clie
最新发布
qq_33240556的博客
06-04 726
这看起来像是与webpack-dev-server相关的错误。通常情况下，这会发生在您的JavaScript代码或配置出现问题时。：如果您正在使用webpack-dev-server，请检查其配置选项。：如果您无法找出问题所在，尝试在线搜索特定的错误消息。：检查您浏览器的开发者控制台是否有其他错误消息。有时，由于依赖项过时或不兼容，可能会导致错误。如果您提供有关您的项目设置和具体错误消息的更多细节，我可以提供更有针对性的建议！：查看错误消息中提到的行附近的代码。确保它们已正确设置，并且配置中没有错误。
ERRORNetwork ErrorAxiosError@webpack-internal:///./node_modules/axios/lib/core/AxiosError.js:23:18
weixin_62239314的博客
09-07 2236
不知道为什么，明明已经加了注解@CrossOrigin，但是还是跨域问题，数据不响应！还是加了配置才可以访问。
vuecli搭建的vue3项目，开发阶段，报如下错时Request failed with status code 404 at createError (webpack-internal:/
qq_30907075的博客
01-30 1032
vuecli搭建的vue3项目，开发阶段，报如下错时 Request failed with status code 404 at createError (webpack-internal:///./node_modules/axios/lib/core/createError.js:16:15) at settle (webpack-internal:///./node_modules/axios/lib/core/settle.js:17:12) at XMLHttpReque
ERROR Request failed with status code 404 ：at createError (node_modules\axios\lib\core\createError.
lilien的博客
03-01 6928
npm run dev运行vue项目时出现ERROR Request failed with status code 404 排查baseurl是否有误——>无误 排查后端程序是否有误——>无误 最后检查nginx ——>发现错误 打开conf目录下的 nginx.conf 修改成 然后重启nginx （nginx 更改配置文件后需要重启生效） 问题解决 ...
解决：Network ErrorAxiosError: Network Error at XMLHttpRequest.handleError
qq_53376718的博客
12-20 8557
Uncaught runtime errors:ERRORNetwork Error AxiosError: Network Error at XMLHttpRequest.handleError (webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:160:14)
Vue项目报错：Uncaught (in promise) Error: Network Error
weixin_55320329的博客
08-02 1万+
原因： 没有打开接口文档 解决方法： 1.找到api文档 2.打开PowerShell窗口 输入node app.js即可解决问题
手动解决Cannot find module '@sentry/webpack-plugin'等问题
10-06
解决Cannot find module '@sentry/webpack-plugin'，Cannot find module '@sentry/browser'，Cannot find module '@sentry/cli'等问题。...下载后，解压后文件夹，放在vue项目的node_modules文件夹下，即可。
jiaminghi/data-view dataV for vite vue2 补丁 for npm/yarn
04-13
官网直接安装的不支持vite2/3+vue2的 主要修复： 1.build或者dev项目时不报错，兼容vite2/vite3，vue2； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm ...
解决webpack4+升级webpack5+ vue-pdf不可用问题
06-09
ERROR in ./node_modules/vue-pdf/node_modules/pdfjs-dist/es5/build/pdf.worker.js (./node_modules/vue-pdf/node_modules/worker-loader/dist/cjs.js!./node_modules/vue-pdf/node_modules/pdfjs-dist/es5/build/...
cykspace-node：博客后台服务～～ http://www.cykspace.com
02-03
相关技术栈Vue + Vue路由器+更少+ Axios 节点+ koa2 + koa-router mysql +续集Nginx + PM2未来可能加入后台管理评论网易云音乐页面数据可视化统计...测试克隆git clone git@github.com:chenyinkai/cykspace.git 安装...
jiaminghi/data-view dataV for vite2 vue3 windows补丁 for npm/yarn
03-20
官网直接安装的不支持vite2+vue3的 主要修复： 1.build或者dev项目时不报错，兼容vite2，vue3； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm pnpm可通用...
npm 安装axios报错！
Jet_Lover的博客
08-23 1万+
在安装axios的时候，运行然后报一大堆错，比如 error in ./node_modules/axios/index.js Module build failed: Error: ENOENT: no such file or directory, open 'src/' 或者这种 Uncaught Error: Module build failed: Error: EPERM: operation not permitted, open '\node_modules\webpack\hot
vue使用axios出现Network Error
热门推荐
m0_56199142的博客
07-09 1万+
解决方法： 把axios跨域请求地址的http改成https就行
VUE_axios请求错误处理Uncaught runtime errors: XMLHttpRequest.handleError (webpack-internal:///./node_modul
小歪博客
03-18 1058
VUE_axios请求错误处理Uncaught runtime errors: XMLHttpRequest.handleError (webpack-internal:///./node_modul
vue前后端相连接报错：Network ErrorAxiosError: Network Error at XMLHttpRequest.handleError
m0_74132943的博客
10-15 1万+
其实这个错误不要害怕；因为这是你很可能是你的..........这个错误通常是由于前端无法访问到后端接口..................................
Network ErrorAxiosError: Network Error at XMLHttpRequest.handleError
yh_is的博客
04-11 2200
原因:后端端口被占用导致后端未启动。2、再修改前端对应的后端端口。1、后端项目端口修改。
AxiosError: Network Error\n at XMLHttpRequest.handleError (webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:155:14)
07-25
引用\[1\]:AxiosError: Network Error\n at XMLHttpRequest.handleError (webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:155:14) 引用\[2\]:Vue项目axios请求时报错Network Error at createError at XMLHttpRequest.handleError 错误解决可能的原因一解决方案 可能的原因二解决方案 错误 Vue项目axios请求时报错： Error: Network Error at createError (https://localhost:3000/node_modules/.vite/axios.js?v=2d671dec:333:19) at XMLHttpRequest.handleError (https://localhost:3000/node_modules/.vite/axios.js?v=2d671dec:584:18) 解决 可能的原因一 VUE跨域问题 解决方案 // TODO 可能的原因二 axios调用的情况下，用了params传递参数，但参数格式不匹配，或使用params传递了JSON Object\JSON Array对象。 axios({ method: 'post', url: "/mgPrototype/findByLikeModel3", params: { search: \[{“key”:“value”}\] } }) 解决方案 匹配参数格式、换成data传递。 axios({ method: 'post', url: "/mgPrototype/findByLikeModel3", data: { search: \[{“key”:“value”}\] } })。 引用\[3\]:具体使用代码如下： /* * 用户相关请求模块 */ import qs from 'qs' import request from '@/utils/request' // 用户登录 export const login = data => { console.log(qs.stringify(data)) return request({ method: 'POST', url: 'StudentAccount/Login', // data 用来设置 POST 请求体 // data: data // 同名时可以简写 data: qs.stringify(data) }) }。 问题: AxiosError: Network Error\n at XMLHttpRequest.handleError (webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:155:14) 回答: 这个错误通常是由于网络问题引起的。可能的原因之一是VUE项目的跨域问题，可以通过配置后端服务器来解决。另一个可能的原因是在使用axios调用时，使用了params传递参数，但参数格式不匹配，或者使用params传递了JSON Object/JSON Array对象。解决方案是匹配参数格式，或者使用data传递参数。具体的解决方法可以参考代码示例中的注释和示例代码。 #### 引用[.reference_title] - *1* *3* [解决core3.0跨域请求问题：【Error: Network Error at createError (createError.js?2d83:16)】前后端分离...](https://blog.csdn.net/weixin_40359716/article/details/109528204)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [techQ&A · Vue项目axios请求时报错Network Error at createError at XMLHttpRequest.handleError](https://blog.csdn.net/qq_41113339/article/details/120439955)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值