簡單記錄axios配置。

1、npm安裝

npm install axios -S

在main.js中註冊：

import axios from "axios";
Vue.prototype.$axios = axios;

2、檔案建立

（1）utils/request.js。環境變數配置

（2）.env.development  開發環境

（3）.env.production   生產環境

（4）api/xx.js         封裝請求

 3、各部分介紹（程式碼及功能記錄）

（1）utils/request.js。環境變數配置

import axios from "axios";

 
// 建立了axios例項, 使用的是自己的配置項
const service = axios.create({
  // 開發環境, 找 env.development, 找 VUE_APP_BASE_API 變數
  // 生產環境, 找 env.production,  找 VUE_APP_BASE_API 變數
  baseURL: process.env.VUE_APP_BASE_API, // 環境變數
  timeout: 5000 // request timeout
});

// 請求攔截器

// 響應攔截器

export default service;

ps:暫不考慮攔截器

（2）.env.development：  開發環境，

VUE_APP_BASE_API = '需要用的api' //ip地址,例 ：http://192.168.x.x:8080

（3）.env.production ：  生產環境，用於 npm run build，打包時會引用這個檔案裡面的配置，即用於線上環境；

VUE_APP_BASE_API = '需要用的api' //ip地址,例 ：http://192.168.x.x:8080

（4）呼叫Axios獲取資料  

第一種：api/xx.js         封裝請求

import request from "@/utils/request";

export 
 
function firstApi(data) {
  return request({
    method: "post",
    url: "介面URL", 
    data,
  });
}

呼叫

import { firstApi } from "@/api/fristApi";

      firstApi().then((res) => {
        console.log(res);
      });

第二種：直接使用

      this.$axios
        .post("介面URL")
        .then((res) => {
          console.log(res);
        });

未完待續.........(?)