vue3安装vant axios出现的错误 踩坑

在Vue3项目中遇到axios报错,通过注释Vue.use(Plugin)解决了问题。 vant组件注册遇到困难,尝试降低版本、全局和局部注册。最终通过调整main.js中使用顺序和创建新的axios实例解决了问题。
摘要由CSDN通过智能技术生成

//2023.3.15
vue出现的错误
axios报错 在vue3中
将plugins/axios.js中59行// Vue.use(Plugin)注释
在main.js中加入
createApp(App).use(store).use(Axios).mount(‘#app’)

vant组件无法注册
1.可能版本过高
npm i vant@latest-v3 -S
npm install less less-loader --save

2.采用全局注册
import Vant from ‘vant’;
import ‘vant/lib/index.css’;
组件无法注册 不知道为什么
//2023.3.16
突然全局注册成功了 好像是main.js中调用顺序的原因
createApp(App).use(router).use(store).use(Vant).mount(‘#app’)
不能够很多条createApp 不然会重复调用
但是 axios 不知道解决办法 暂时没有加入 等要用的时候再加入

3.采用局部注册能够成功

2023.3.20
本来安装axios的时候自带了一个axios.js 看里面的代码发现是vue2的所以一直报错
所以需要创建一个新的axios实例来用
创建一个axiosInstance.js在src/plugins/下

//axiosInstance.js
//导入axios
import axios from '
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值