技術標籤：vue

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)
}