第一步 使用命令 npm install axios? （可以在node_modules文件里面找到axios文件就是安裝成功了

）

?第二步 在main.js引入axios文件

import Vue from 'vue' import App from './App.vue' import router from './router'//引入axios請求 并配置域名 import axios from 'axios'// 創建 axios 實例 const requests = axios.create({baseURL: 'https://www.ddd.com/', // 基礎url,如果是多環境配置這樣寫，也可以像下面一行 的寫死。timeout: 6000 // 請求超時時間 })//將axios掛載到vue實例上 Vue.prototype.axios = requests

?第三步 使用axios

export default {name: "Footer",data() {return {}},created() {this.ceshi()},methods: {ceshi(){//需要將axios掛載到vue實例上才可以這樣使用，第二步有寫，可參考this.axios({//完整的請求接口是https://www.ddd.com/solitaireMgr/solitaireAPI.do//這是因為第二步已經設置了每個請求前面都接上https://www.ddd.com/url:'solitaireMgr/solitaireAPI.do',method:'get',params:{userId:'981415' }}).then((res) => {console.log("獲取到的數據 res ==>",res);})}}, }

axios的攔截器

// 請求攔截器（請求到服務器前會執行，可在里面執行業務代碼） requests.interceptors.request.use(config => {console.log("請求攔截器 ==>",config);if(config.method == 'post'){console.log('這是還需要處理post請求的數據 ');}return config})// 接收攔截器（服務器返回回來的數據 給到前端前會觸發，在里面執行業務代碼）requests.interceptors.response.use((response) => {const res = responseconsole.log("接收攔截器 ==>",response);return res})

如果有什么不對或者不好的地方，請多多指教

總結

以上是生活随笔為你收集整理的vue安装axios以及如何使用axios的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。