Vue中Axios簡單使用

在vue中使用axios

axios文件定義（可定義請求方式、請求頭參數，實現添加攔截器操作等）

//  目錄爲src/api/axios.js
import axios from 'axios';
const baseUrl = 'http://localhost:8900/';
axios.defaults.baseURL = baseUrl;
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
//  post默認使用form-data方式進行傳值
export default async (url = '', data = {}) => {
  const res = await axios.post(url, data);
  return res;
};

getData 定義數據獲取接口

//  目錄爲src/api/getData.js
import axios from './axios';
const MARKET = 'market';
// 後臺管理員相關
const ADMIN = '/admin';
export const adminLogin = (data) => axios(MARKET + ADMIN + '/login', data);

後續更新添加攔截器等相關操作