[JavaScript知识库]请求函数的封装 axios

首先我们在src文件下创建utils目录的文件夹

utils下面创建一个request.js

打开request.js
1.定义变量，先安装axios(3选一)

Using npm :
$ npm install axios

Using bower:
$ bower install axios

Using yarn:
$ yarn add axios

//引用axios
import axios from 'axios';
//导出去
export const post = (url,data = {}) =>{
 //Promise接收回调，会发一个axios请求
  return new Promise(()=>{
  	//axios 开始请求
 	axios.post(url,data,{
 	  //拼接服务器地址前缀
	  baseURL:'https://www.baidfadfadu.com/',
 	  //请求的数据类型（json）
 	  headers:{
		'Content-Type':'application/json'
	  }
	  //如果成功了，会拿到一个服务器的返回内容,会通过resolve把response带出去,只带data数据出去，其余数据用不到暂时。
	}).then((response)=>{
		resolve(response.data)
	  //如果失败了就通过reject，把errr带出去
	},err =>{
		reject(err)
	})
 })
}

使用的时候，在页面引入

 import { post } from '../../utils/request'

 const reslut = await post('接口具体地址',{
	请求值：值，
	请求值：值
 })

开发者涨薪指南

48位大咖的思考法则、工作方式、逻辑体系