在vue3项目中全局使用axios（非vue-cli3.x）

1.安装npm install axios2.在main.js引入及全局使用import { createApp } from 'vue'import router from './router'import App from './App.vue'import axios from 'axios';const app = createApp(App) // 创建实例app.config.glob

公孙元二

2279人浏览 · 2020-12-31 11:36:56

公孙元二 · 2020-12-31 11:36:56 发布

1.安装

npm install axios

2.在main.js引入及全局使用

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

const app = createApp(App) // 创建实例
app.config.globalProperties.$axios=axios

app.use(router).mount('#app')

3.在代码文件中使用

    getData () {
      this.$axios.get('/api/getData', {
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded',
          'Accept': 'application/json'
        }
      })
        .then(response => {
          let data = response.data
          if (data.code == 0) {
            console.log('data', data.data)
          }
        })
        .catch(error => {
        console.log('error:', error)
        })
    },