Vue3 搭建遇到版本兼容问题

一、axios 的问题

因为版本问题可能axios里面语法在高版本的vue3里可能会出现一些无法识别的语法，就需要我们去手动修改。

首先就是导入和调用的区别

import Vue from ‘vue’
import { createApp } from ‘vue’

我安装的axios，它的axios.js是import Vue from 'vue'，运行项目的时候，会发出警告但是项目能运行成功，但还是会出问题的。

报错：

所以在这里我们就调整语法结构，采用main.js的结构去处理

处理方案：

import { createApp } from ‘vue’
const app = createApp(App)

然后下面Vue.use的就换成app.use即可解决。

二、axios的plugin的问题

这个问题会导致运行成功了，但是页面为空白页面。启动控制台不会报错但是在浏览器控制台会报错一个。

TypeError: Object.defineProperties called on non-object

并提示这里有问题。

Object.defineProperties(Vue.prototype,

处理方法：

然后再运行就可以解决了。

欢迎大家讨论更官方的解决方案，谢谢。