在Vue中使用axios

在Vue中使用axios

axios介绍

axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，通过Promise可以获取返回的数据.通过axios可以实现异步等待完成的功能，避免因为同步请求导致的单线程堵塞，无法对页面进行操作

安装 axios

使用cdn引入axios

<script src="https://unpkg.com/axios/dist/axios.min.js"> </script>

使用npm安装axios

npm install axios --save

在Vue中引用axios

1.打开../src/main.js
插入如下代码

import axios from 'axios'
Vue.prototype.$axios = axios    //全局注册，使用方法为:this.$axios

Tips:Vue.prototype.$axios = axios 
//该函数需要import Vue from 'vue'，目前在vue 3.x中引用出错，错误未知，暂时没有解决方案
//可以注释这行代码，然后直接使用 axios.get()等函数

2.打开../src/components/demo.vue调用axios

import axios from "axios";
axios.get() //这里是你自己的axios代码，就不多写了