axios的安装与使用

安装 axios

npm i axios

全局配置 axios

// 打开 main.js 文件
// 1.导入 axios
import axios from 'axios'

// 2.配置请求链接
axios.defaults.baseURL = 'https://www.2xyun.cn'
// 3.将 axios 挂载到 vue 上
app.config.globalProperties.$http = axios

// 完整文件如下
import { createApp } from 'vue'
import App from './App.vue'
import './index.css'

import axios from 'axios'

const app = createApp(App)

axios.defaults.baseURL = 'https://www.2xyun.cn'
app.config.globalProperties.$http = axios

app.mount('#app')

使用 axios 发起请求

// 发起 post 请求
async postInfo() {
  const { data: res } = await this.$http.post('/post', { name: 'zs', age: 20 })
}

// 发起 get 请求
async getInfo() {
  const { data: res } = await this.$http.get('/get', {
    params: {
      name: 'zs',
      age: 20
    }
  })
}