在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代碼，就不多寫了