有參考，忘記地址了

建立一個api檔案，將請求的都放在這個檔案裡

1.request.js

/**axios封裝
 * 請求攔截、相應攔截、錯誤統一處理
 */
import axios from 'axios';import QS from 'qs';
// import { Toast } from 'vant';
// import store from '../store/index'

// 環境的切換
if (process.env.NODE_ENV == 'development') {
  axios.defaults.baseURL = 'http://192.168.1.4:8082/';
} 
 
else if (process.env.NODE_ENV == 'debug') {
  axios.defaults.baseURL = 'http://192.168.1.4:8082/';
} else if (process.env.NODE_ENV == 'production') {
  axios.defaults.baseURL = 'https://www.111111.com/';
}

// 請求超時時間
axios.defaults.timeout = 10000;

// post請求頭
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8
 
';

// 請求攔截器
axios.interceptors.request.use(
    config => {
      // 每次傳送請求之前判斷是否存在token，如果存在，則統一在http請求的header都加上token，不用每次請求都手動添加了
      // 即使本地存在token，也有可能token是過期的，所以在響應攔截器中要對返回狀態進行判斷
      // const token = store.state.token;
      // token && (config.headers.Authorization = token);
      return
 
 config;
    },
    error => {
      return Promise.error(error);
    })

// 響應攔截器
axios.interceptors.response.use(
    response => {
      if (response.status === 200) {
        return Promise.resolve(response);
      } else {
        return Promise.reject(response);
      }
    },
    // 伺服器狀態碼不是200的情況    
    error => {
      if (error.response.status) {
        switch (error.response.status) {
            // 401: 未登入
            // 未登入則跳轉登入頁面，並攜帶當前頁面的路徑
            // 在登入成功後返回當前頁面，這一步需要在登入頁操作。
          case 401:
            router.replace({
              path: '/login',
              query: { redirect: router.currentRoute.fullPath }
            });
            break;
            // 403 token過期
            // 登入過期對使用者進行提示
            // 清除本地token和清空vuex中token物件
            // 跳轉登入頁面
          case 403:
            // Toast({
            //   message: '登入過期，請重新登入',
            //   duration: 1000,
            //   forbidClick: true
            // });
            // 清除token
            localStorage.removeItem('token');
            // store.commit('loginSuccess', null);
            // 跳轉登入頁面，並將要瀏覽的頁面fullPath傳過去，登入成功後跳轉需要訪問的頁面
            setTimeout(() => {
              router.replace({
                path: '/login',
                query: {
                  redirect: router.currentRoute.fullPath
                }
              });
            }, 1000);
            break;
            // 404請求不存在
          case 404:
            // Toast({
            //   message: '網路請求不存在',
            //   duration: 1500,
            //   forbidClick: true
            // });
            break;
            // 其他錯誤，直接丟擲錯誤提示
          default:
            // Toast({
            //   message: error.response.data.message,
            //   duration: 1500,
            //   forbidClick: true
            // });
        }
        return Promise.reject(error.response);
      }
    }
);
/**
 * get方法，對應get請求
 * @param {String} url [請求的url地址]
 * @param {Object} params [請求時攜帶的引數]
 */
export function get(url, params){
  return new Promise((resolve, reject) =>{
    axios.get(url, {
      params: params,
      headers: {
        "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8"
      },
    },

        )
        .then(res => {
          resolve(res.data);
        })
        .catch(err => {
          reject(err.data)
        })
  });
}
/**
 * post方法，對應post請求
 * @param {String} url [請求的url地址]
 * @param {Object} params [請求時攜帶的引數]
 */
export function post(url, params) {
  return new Promise((resolve, reject) => {
    axios.post(url, QS.stringify(params))
        .then(res => {
          resolve(res.data);
        })
        .catch(err => {
          reject(err.data)
        })
  });
}

2.uriFun.js（放統一的介面）

import {post,get} from './request'


// 使用者分類統計-後臺
export const userGroupCount = p => get('houtai/userGroupCount', p);

3.使用：

 userGroupCount({
      groupKey: "北京"
    }).then(res => {
      console.log(res, '我拿到資料了 嗎')
      // 獲取資料成功後的其他操作

    })

目前的有待解決的是get傳中文會出現亂碼