axios请求封装

Moran墨染

已于 2022-07-21 16:23:32 修改

阅读量291

点赞数 2

文章标签：前端 javascript json vue.js

于 2022-07-21 16:20:30 首次发布

本文链接：https://blog.csdn.net/weixin_46824709/article/details/125915007

版权

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

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