1.安装axios
npm install axios -S
2.在src创建目录-文件，并引入axios，添加地址以及请求，响应拦截器
import axios from 'axios'
//创建一个axios let server = axios.create({
//请求头等一系列参数 // 请求公共地址 baseURL: "http://xxxxxxxxx/api", // 超时时间 timeout: 5000, })
// 添加请求拦截器 axios.interceptors.request.use((config)=>{ // 在发送请求之前做些什么 // 比如判断是否有token return config; }, function (error) { // 对请求错误做些什么 return Promise.reject(error); });
// 添加响应拦截器 axios.interceptors.response.use((response)=>{ // 对响应数据做点什么 return response; }, function (error) { // 对响应错误做点什么 return Promise.reject(error); }); //抛出方法，可以在其他组件种直接使用 export default server
3.创建api接口调用
//引入 import server from "./request.js"; //路劲不对，重新按照自己创立的文件进行更改
export const login = (params) => { return server({ url: "接口路径", method: "post" , //后端给什么写什么 data: params }) }
4.在需要调用接口的组件或者路由内直接引入调用就可以
import {login} from '@/api/api' //引入页面
//调用接口 login(){ let data = { userName:"admin", passWord:123456 } login(data).then(res =>{}) }
- async和await语法糖
import {login} from '@/api/api' //引入页面
//调用接口 async login(){ let data = { userName:"admin", passWord:123456 } let res = await login(data) }
