vue3中使用axios报错，解决方案

最新推荐文章于 2025-06-21 22:05:11 发布
最新推荐文章于 2025-06-21 22:05:11 发布
阅读量1k 收藏 2
点赞数 2
CC 4.0 BY-SA版权
文章标签： 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45659161/article/details/134556302
本文讲述了在Vue3中使用axios遇到错误的问题，由于Vue3不再支持Vue.use(Plugin)。解决方案包括移除axios的Vue.use，以及提供和注入的方式进行局部或全局引入。

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

1.Vue3使用axios报错

原因：vue3不支持 Vue.use(Plugin) 方式

2.解决方法
    步骤一：将axios.js中的 Vue.use(Plugin) 注销
    步骤二：引入axios
        1.局部引入

                在使用到axios的地方引入axios

                

        2.全局引入

                在main.js中使用provide方法

                

                然后在使用到axios的地方使用inject方法(注意是vue中的inject方法)

                

Vue2/3 - axios报错Module parse failed: Unexpected token(5:2) You may need an appropriate loader to han
资深程序员
05-04 5413
vue2，vue3，nuxt.js，axios，importaxiosfrom'axios'，引入axios报错，vue使用axios报错怎么办，Moduleparsefailed:Unexpectedtoken(5:2)，Youmayneedanappropriateloadertohandlethisfiletype，vue报错解决，VUE只要引入axios就报错怎么办，npmrundev运行报错问题，更换axios版本还是不行，axios版本哪个匹配，换了版本也不
vue3安装vant axios出现的错误 踩坑
WangGH00的博客
03-16 396
将plugins/axios.js中59行// Vue.use(Plugin)注释。但是 axios 不知道解决办法 暂时没有加入 等要用的时候再加入。突然全局注册成功了 好像是main.js中调用顺序的原因。不能够很多条createApp 不然会重复调用。axios报错 在vue3中。组件无法注册 不知道为什么。3.采用局部注册能够成功。在main.js中加入。vant组件无法注册。
vue3和axios打起来报错uncaught typeerror: cannot read property ‘use‘ of undefined at...的详细解决方案
weixin_53156322的博客
03-11 3147
本文实乃匠心之作，全程干货，希望能帮到大家。 在做springboot整合vue的前后端分离项目时遇到此问题。 搜了一下，别人是这样说的：根本原因是 引入的axios库是使用vue2.0开发的一套组件库，而我们当前的项目为vue3，所有存在兼容性的问题。 网上的解决方案也都试了一遍，问了前端的小伙伴他也不知道，但是它建议我用vue2再来，我不服，没人踩这坑，我拼了半条命也要给他填了。 首先，如果你是简单的项目，axios调用也只有一个弹窗测试，那么你可以这样做。 注释掉就可以了，你就会发现可以用。
vue3前端axios请求报错network错误
m0_74243303的博客
01-08 1954
1.报错截图2.解决办法2.1.后端未设置跨域引起跨域请求问题的出现主要是由于浏览器的同源策略（Same-Origin Policy）导致的。同源策略是一种安全机制，它限制了从一个源加载的文档或脚本与来自另一个源的资源进行交互。具体来说，当协议、域名、端口中的任意一个不相同时，浏览器会认为这是跨域请求，并默认阻止这种请求。
Axios 在 Vue3 项目中的使用：从安装到组件中的使用
最新发布
你若盛开，清风自来
06-21 1011
Vue3 项目中 Axios 使用指南 本文介绍了如何在 Vue3 项目中集成和使用 Axios 进行 HTTP 请求。主要内容包括： 安装方法（npm/yarn） 基本使用方法：在 setup 函数中使用 async/await 发送请求 组件集成：可在方法或 onMounted 钩子中调用 拦截器配置：请求/响应全局拦截器与实例拦截器 错误处理机制 结合 Composition API 实现模块化数据获取 Axios 作为基于 Promise 的 HTTP 客户端，在 Vue3 中能清晰管理请求逻辑，推
Vue3 安装axios使用报错：Uncaught TypeError: Cannot read property ‘use‘ of undefined
鹤汀凫渚 的博客
05-06 6126
最近在学习Vue3，使用vue cli4搭建了一个demo项目，安装axios后，控制台报错： Uncaught TypeError: Cannot read property 'use' of undefined at eval (axios.js?be3b:59) at Module../src/plugins/axios.js (app.js:1229) at __webpack_require__ (app.js:854) at fn (app.js:151)
Vue3 引入axios报错 Cannot read properties of undefined (reading ‘post‘)
weixin_58853115的博客
02-05 604
【代码】Vue3 引入axios报错 Cannot read properties of undefined (reading ‘post‘)
vue 引入 axios 报错
时不我待
04-28 1546
继续学习。
在Vue3中封装Axios的推荐方案及常见问题解决方案
繁若华尘的博客
02-12 563
通过以上封装，可以实现高可维护、易扩展的请求层，显著提升开发效率和代码质量。
解决vue2中使用axios http请求出现的问题
11-30
总结来说，解决Vue2中使用axios发送HTTP请求时遇到的问题，主要包括两步： 1. 实例化axios并设置`Content-Type`为`application/x-www-form-urlencoded`，确保服务器能够识别请求类型。 2. 使用`qs`库将参数对象转换...
解决Vue在封装了Axios后手动刷新页面拦截器无效的问题
10-17
在前端开发中，使用Vue.js框架结合Axios库进行HTTP请求是一种非常常见的做法。Axios是一个基于Promise的HTTP客户端，适用于浏览器和node.js，而Vue.js则是一个构建用户界面的渐进式框架。在实际应用中，我们往往会...
【以axios为例，关于Vue3全局挂载报错解决方案】
qq_43746955的博客
09-20 2728
为了方便后期开发的便捷性，vue可以方便的将axios挂载到全局进行使用，大大的提高了前后端开发速度和减少了后期的维护成本。可是随着vue的迭代发展，目前主流的vue2和出了没多久的vue3在使用上和语法上或多或少的都出现了分歧，导致有的开发者从vue2过渡到vue3时有许多很不习惯的地方，也有很多奇奇怪怪的bug出现，这里奉上我使用vue3过程中出现的bug。
解决Vu3 axios 跨域问题 Vue CORS错误
xyoraw的博客
07-09 1万+
Vu3 axios 跨域 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码如下（示例）： import numpy as np import pandas as pd import matplotli
【Vue.js】Vue3全局配置Axios并解决跨域请求问题
热门推荐
SKMIT的博客
11-05 1万+
在这里，我们自定义axois实例化对象，配置了默认的访问i后端ip和端口等，并在末尾使用export 导出api配置，便于在其他单文件中引入 request.js.这里提供两种解决方案，都是基于后端跨域访问的配置，前端不作任何允许跨域访问的设置，因为试过无效。注意，import axois，我们引入的不是官方的aoixs库，而是自定义的axios.（1）axios 是一个基于promise的HTTP库，支持promise所有的API。在项目根目录下，也就是src目录下创建文件夹api/，并创建。
Vue——vue3报错 找不到模块“[axios](https://so.csdn.net/so/search?q=axios&spm=1001.2101.3001.7020)”或其相应的类型声明
qq_43201350的博客
01-06 713
Vue——vue3报错 找不到模块“[axios](https://so.csdn.net/so/search?q=axios&spm=1001.2101.3001.7020)”或其相应的类型声明
vue3使用axios请求接口，先报错301，然后报错404
ling08140814的博客
12-19 455
在开发项目需求的时候，碰到一个奇怪的错误，先报错301，然后报错404，如上图所示。但是项目的其他接口请求都是正常的。接口url的末尾缺少斜杠 /，加上就好了。现url：‘/userproject/’原url：‘/userproject’
解决了vue.cli3.0版本的用axios调用本地数据的报错
weixin_44402543的博客
02-26 1305
vue cli3.0用axios调用本地json数据一直报404 最近在基于vue做后台管理系统时，用了vue cli3.0用axios调用本地json数据一直报404，市面上所有的解决办法都没用，快崩溃了，结果最后发现原因是，vue cli3.0 public 文件夹才是静态资源文件，问题解决，记录一下，以后不再踩坑。 最近发现好多人都踩这个坑，索性把我的结构发出来。 ...
vue3 axios请求与响应拦截-封装axios、附加token以及错误全局处理
fatfish517的博客
04-22 4925
vue3 axios请求与响应拦截 封装axios请求 请求头附加token 错误全局响应及处理
基于Vue3的Axios异步请求
行如逆水行舟，不进则退
04-27 1414
Axios是一个基于。
uniapp使用vue3setup语法糖报错
02-08
### 解决 UniApp 中使用 Vue3 Setup 语法糖时遇到的错误 在开发过程中，当尝试在 UniApp 中集成 Vue3 的 `setup` 语法糖时可能会遇到一些特定类型的错误。这些错误通常涉及组件生命周期、依赖注入以及全局属性访问...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值