vue全局导入axios

Vue全局导入axios通常是为了在整个应用中方便地使用HTTP请求库。axios是一个流行的JavaScript库，用于发送基于Promise的HTTP请求。要在Vue项目中全局导入axios，你需要按照以下步骤操作：

1. 首先，在项目的`src`目录下创建一个名为`axios.js`的新文件，内容如下：

import axios from 'axios'

// 如果有自定义配置（例如设置默认headers、baseURL等），可以在这里添加
const instance = axios.create({
  baseURL: process.env.BASE_API_URL || 'https://api.example.com', // 假设这是一个API基础地址
  headers: {
    'Content-Type': 'application/json',
    Authorization: 'Bearer ' + localStorage.getItem('token') // 登录凭证
  }
})

export default instance

2. 然后，在`main.js`或其他需要全局访问的地方，导入并导出这个instance：

import Vue from 'vue'
import App from './App.vue'
import axios from './axios'

Vue.prototype.$http = axios

new Vue({
  render: h => h(App),
}).$mount('#app')

现在，你在Vue组件内就可以通过`this.$http`直接使用axios了，如`this.$http.get('/users')`。