vue 封裝axios請求（基礎版）

1. 新建頁面，封裝axios請求；

import axios from "axios";

//創建axios實例
var service = axios.create({
   
   
  baseURL: "後端接口地址前綴",
  timeout: 5000,
  withCredentials: true,
  headers: {
   
   
    "content-type": "application/json",
  },
});
export default {
   
   
  service,

  //get請求
  get(url, data) {
   
   
    return service({
   
   
      url: url,
      method: "get",
      query: data,
    });
  },

  //post請求
  post(url, data) {
   
   
    return service({
   
   
      url: url,
      method: "post",
      data: data,
    });
  },
};

1. main.js引用封裝的請求；

import http from "@/api/http.js"; //axios實例化後引入取名http
Vue.prototype.$http = http; //放入全局

1. 頁面使用請求

 this.$http.get("後端接口地址前綴的拼接",{
   
   data: 1,array: []}).then((res) => {
   
   });