axios请求数据使用

axios的使用

小白第一次成功引用axios
输入命令安装axios：yarn add axios || npm install axios
成功后在package.json文件可看到 “axios”: “^0.19.0”,版本说明你已成功安装。
在新建文件夹utils里面新建request.js文件
代码：
import axios from ‘axios’
//自己的服务器
axios.defaults.baseURL = ‘https:…’;
axios.interceptors.request.use(function (config) {
// 请求前处理
return config;
}, function (error) {
// 错误处理
return Promise.reject(error);
});

// 添加一个响应拦截器
axios.interceptors.response.use(function (response) {
// Do something with response data
return response;
}, function (error) {
// Do something with response error
return Promise.reject(error);
});

export default axios;
图：

第二步
新建文件user.js
代码：
//引用上一个文件的方法
import request from ‘@/utils/request’;
export function requestGet(baseUrl, params) {
return request({
url: baseUrl,
method: ‘get’,
params:params
})
}
接下来就是怎么用接口获取数据
在你要用的vue页面写
//先引入方法
import { requestGet } from ‘@/utils/user’
//调用方法
requestGet(’接口url‘,{
’id‘：1，//你要传的数据
“rememberMe”:0
}).then(res => {
console.log(res)
})
在调试器可看到

打印出获得数据

新手上路有错误多多指教！