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);

后续更新添加拦截器等相关操作