vue总结之axios（使用）

文章目录

目录

一、什么是axios？

二、axios的使用

1.首先在项目文件夹下打开cmd命令行输入

2.然后再在main.js全局注册axios

---

一、什么是axios？

Axios是一个基于promise的HTTP库，类似于jQuery的ajax，用于http请求。可以应用于浏览器端和node.js，既可以用于客户端，也可以用于node.js编写的服务端。

二、axios的使用

1.首先在项目文件夹下打开cmd命令行输入

npm install axios -S

2.然后再在main.js全局注册axios

vue2

import axios from 'axios'

Vue.prototype.$axios = axios

vue3

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

createApp(App).use(axios).use(router).mount('#app')

然后就可以进行使用了

axios请求格式

注意vue2使用axios时需要在axios前加上this

post请求格式

axios({
      method: "", //请求方式
      url: "", //url
      data: qs.stringify({

      }),
     }).then(function(res) {
           console.log(res);
        }).catch(function (err) {
            console.log(err); // 失败回调
        });

 get请求格式

axios({
      url: "", // url
      params: {
        // 参数
      },
    }).then(function (res) {
        console.log(res); // 成功回调
      }).catch(function (err) {
        console.log(err); // 失败回调
      });