axios请求封装

请求根路径可以再封装一次

import config from "./config"
const baseURL = config.url
    getRequest(url, params) {
        return new Promise((resolve, reject) => {
            axios({
                method: "GET",
                baseURL: baseURL,
                url: url,
                params: params,
                headers: { "Content-Type": "application/json" },
            }).then(res => {
                resolve(res.data);
            }).catch(err => {
                reject(err.data)
            })
        });
    },
    postRequest(url, params) {
        return new Promise((resolve, reject) => {
            axios({
                method: "POST",
                baseURL: baseURL,
                url: url,
                params: params,
                headers: { "Content-Type": "application/json" },
            }).then(res => {
                resolve(res.data);
            }).catch(err => {
                reject(err.data)
            })
        });
    },

请求头中放入token也可，或者直接在请求拦截中也可，这里就看自己的喜好了

axios.interceptors.request.use(config => {
  config.headers.Authorization = localStorage.getItem('token') ? localStorage.getItem('token') : ''
  return config
}, err => {
  console.log(err);
})