前端vue(axios)封装

1. 始vue化项目

https://www.cnblogs.com/xiaonq/p/11027880.html

vue init webpack deaxios     # 使用脚手架创建项目 deaxios（项目名，随便取得）
cd deaxios                   # 进入项目
npm install axios@0.19.2     # 安装axios
npm i element-ui -S          # 安装element-ui到当前项目

• 前端项目结构规范
  

2.封装axios

2.1 创建src/http文件夹

• 用来放网络请求相关的文件

2.2 src/http/index.js

• 文件夹下, 创建index.js文件, 对axios进行封装

/* eslint-disable */
// 第一步：实例化axios对象，简单封装
const axios = require('axios');                       // 生成一个axios实例
axios.defaults.baseURL = 'http://127.0.0.1:8000';     // 设置请求后端的URL地址
axios.defaults.timeout = 10000;                       // axios请求超时时间
axios.defaults.withCredentials = true;            

axios.defaults.headers['Content-Type'] = 'application/json';       // axios发送数据时使用json格式
axios.defaults.transformRequest = data => JSON.stringify