vue项目中 axios请求配置

最新推荐文章于 2024-12-24 09:54:14 发布

星良辰寻

最新推荐文章于 2024-12-24 09:54:14 发布

阅读量579

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/josiecici/article/details/110431924

vue 专栏收录该内容

37 篇文章

订阅专栏

博客主要提及了request.js，包含其导入和使用相关内容，聚焦于信息技术中代码文件的操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

request.js

// 拦截器
import Vue from 'vue'
import axios from "axios";
const service = axios.create({
    baseURL: process.env.VUE_APP_BASE_API,
    timeout: 30000 // request timeout
});
// request interceptor
service.interceptors.request.use(
    res => {
        if (res) {
            return res;
        }
    },
    err => {
        return Promise.reject(err);
    }
);

// response interceptor
service.interceptors.response.use(
    res => {
        if (res&&res.data.code==200) {
            return res.data;
        }else{
            Vue.prototype.$message({
                message: res.data.message,
                type: 'warning'
            });
        }
    },
    err => {
        return Promise.reject(err);
    }
);

export {
    service as request
};

导入

import {
    request
} from './request';
export const GetProjectLayerInfo = (data) => {
    return request({
        url: "/ProjectManagement/GetProjectLayerInfo",
        method: 'post',
        data
    });
};

使用

      let data = { pro_id: "1398a4ee-9a11-4b38-946e-01a6268eca4b" };
      GetProjectLayerInfo(data).then(res => {
        console.log("这是重要的 res ", res);
      });