vuejs3 :不能全局导入axios

Question

我可以在组件中导入和使用axios：

import axios from 'axios'
export default function usePostLogin() {
 const login = async (url , data , callback) => {
    axios.post(url, data)
// etc

我想在全球范围内导入axios。

在main.js中：

import axios from 'axios'

const app = createApp(App)
app.component('FontAwesome', FontAwesomeIcon)
app.use(createPinia()).use(router).use(axios)
app.mount('#app')

但是我得到了一个错误：error 'axios' is not defined no-undef

Answer 1

不能在use中添加Vue3中的axios，在main.js中将其添加到全局属性：

app.config.globalProperties.axios = axios

在组件中，可以这样使用：

this.axios