Vue 使用 axios 请求的两种方式

axios 是一个基于 promise 的 HTTP 库，类似于 jQuery 的 Ajax，用于 HTTP 请求。可以在浏览器和 node.js 中使用。

一.axios 安装：

 

使用命令：

npm install axios

 

 二 . 安装 qs：

 

使用命令：

 npm install qs

 

三.引入 axios 与 qs【全局引入】：

在 main.js 文件中引入 axios 与 qs，并绑定到 vue 的原型上。

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

Vue.config.productionTip = false;

// 1.引入axios
import axios from 'axios'
// 2.引入qs
import qs from 'qs'
// 3.将axios绑定到vue原型上，并命名为$axios
Vue.prototype.$axios = axios;
// 4.将qs绑定到vue原型上，并命名为$qs
Vue.prototype.$qs = qs;

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

 axios 基础使用

一、get 请求

二、post 请求

原创作者：吴小糖

创作时间：2023.6.21