network.js
import axios from "axios"
export function request(options) {
// 1.创建axios的实例
const instance = axios.create({
baseURL: "http://127.0.0.1:8888/api/private/v1/",
timeout: 5000
})
// 过滤器(拦截器)
instance.interceptors.request.use(config => {
config.headers.Authorization = sessionStorage.getItem("Token");
return config;
})
// 对数据进行过滤
instance.interceptors.response.use(res => {
return res.data
})
// 3.发送真正的网络请求
return instance(options)
}
home.js
import {request} from "./network";
// get请求参数要用params
export function users(data) {
return request({
method: "get",
url: '/users',
params: data
})
}
export function login(data) {
return request({
method: "post",
url: '/login',
data
})
}
Home.vue
import {users, login} from "../network/home"
async getData(data) {
let res = await getUsers(data)
}