vue3 axios用app.use()设置

在 Vue 3 中，我们可以使用 `app.use()` 方法来注册插件。Axios 也可以作为一个插件来注册。

首先，需要在项目中安装 axios：

npm install axios

然后在 `main.js` 中引入和注册 axios：

import { createApp } from 'vue'
import App from './App.vue'
import axios from 'axios'

const app = createApp(App)
app.config.globalProperties.$axios = axios

app.mount('#app')

现在，我们就可以在整个应用程序中使用 `$axios` 了。例如，在组件中调用 API：

export default {
  methods: {
    getData() {
      this.$axios.get('/api/data').then(response => {
        console.log(response.data)
      })
    }
  }
}

相关问题

app.use(VueAxios,axios)可以正确注册axios吗

可以，`app.use(VueAxios, axios)`是一种正确注册axios的方式。

在Vue.js中使用axios发送HTTP请求时，通常需要先在项目中安装axios和vue-axios插件。安装完成后，需要在main.js中使用`Vue.use()`来注册vue-axios插件，并将axios实例作为参数传入，代码如下：

import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'

Vue.use(VueAxios, axios)

在上面的代码中，我们先引入了Vue.js、axios和vue-axios，然后使用`Vue.use()`方法注册vue-axios插件，并将axios实例作为第二个参数传入。这样在Vue.js中就可以通过`this.axios`或者`this.$http`来访问axios实例。

需要注意的是，如果你的项目中只使用`this.axios`或者`this.$http`来访问axios实例，注册插件时第一个参数可以省略，即可以使用`Vue.use(axios)`来注册axios插件。

vue3 ajax 全局配置 用app.use

在 Vue3 中，可以通过在应用程序实例上使用 `app.config.globalProperties` 来添加全局属性和方法。可以在 `main.js` 文件中使用 `app.use` 方法来添加全局配置。

具体来说，如果你想在 Vue3 中添加一个全局的 AJAX 配置，你可以在 `main.js` 文件中这样写：

import { createApp } from 'vue'
import App from './App.vue'
import axios from 'axios'

const app = createApp(App)

app.config.globalProperties.$http = axios

app.mount('#app')

在这个例子中，我们首先导入了 `createApp` 方法和 `axios` 库。然后我们创建了一个应用程序实例，并将 `axios` 添加到了全局属性 `$http` 中。这样，在整个应用程序中，我们都可以通过 `this.$http` 来使用 `axios`。

请注意，在将 `axios` 添加到全局属性时，我们使用了 `app.config.globalProperties.$http`，其中的 `config` 对象是 Vue3 中的一个新属性，用于设置全局配置。

如果你的项目中有多个 AJAX 库，你也可以使用相同的方法来添加它们。