npm install axios

proxyTable: {
      "/api": {
        target: "http://192.168.X.XXX:XXXX", //需要跨域的目標(biāo)
        pathRewrite: { "^/api": "" }, //將帶有api的路徑重寫為‘'
        ws: true, //用與支持webCocket
        changeOrigin: true //用于控制請求頭的Host
      },
    "/two": {
        target: "http://XXX.XXX.X.XXX:XXXX", 
        pathRewrite: { "^/two": "" }, 
        ws: true, 
        changeOrigin: true 
      }
    },

import axios from "axios";
 
const requests = axios.create({//創(chuàng)建
  baseURL: "/api", //在調(diào)用路徑中追加前綴‘/api'
  timeout: 50000 //單位ms，超過該時間即為失敗
});
 
//添加請求攔截器
requests.interceptors.request.use(
  function(config) {
    config.headers.token ="token";//在發(fā)送請求之前的行為，加入token
    return config;
  },
  function(error) {
    //處理錯誤請求
    return Promise.reject(error);
  }
);
 
//添加響應(yīng)攔截器
requests.interceptors.response.use(
  function(response) {
    //成功接收到響應(yīng)后的行為，例如判斷狀態(tài)碼
    return response;
  },
  function(error) {
    //處理錯誤響應(yīng)
    return error;
  }
);
 
export default requests;

import request from "./request";
 
export function getData(){
    return request({
        url:'/getUser',//
        method:'get'
    })
}

<template>
  <div>
    <p><router-link to="/">回到首頁</router-link></p>
    <h1>axios測試</h1>
  </div>
</template>
 
<script>
import {getData} from "@/api/index.js"
export default {
  data() {
    return {}
  },
  mounted(){
    console.log("開始了")
    this.fetchData()
  },
  methods:{
    async fetchData(){
        let result = await getData()
        console.log(result)
    }
  }
}
</script>
<style scoped>
</style>