uniapp 微信小程序请求拦截器接口封装

最新推荐文章于 2025-04-25 18:16:30 发布

哥很冷漠

最新推荐文章于 2025-04-25 18:16:30 发布

阅读量1.3k

点赞数 12

文章标签： uni-app 前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_63608386/article/details/134918264

版权

本文介绍了如何在uniapp中使用请求拦截器处理token验证，包括创建common文件夹中的request.js文件，设置请求头，以及example.js中对接口的封装和使用示例。同时提及了微信小程序的兼容性调整。

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

前言：
请求拦截器可以在我们需要传递请求头的时候使用，例如：token
也会在当token发生变化的时候给予响应，所以我们做好对应的判断即可

话不多说，直接进入正题：
1.首先在根目录创建common文件夹，
在里面创建request.js文件并加入以下代码：

export default {
   
  config: {
   
  //baseURL这里可以放自己的接口域名
    baseURL: "",
    getToken() {
   
    //获取token
      let token = uni.getStorageSync("userInfo").token;
      if (!token) {
   
        return uni.reLaunch({
    url: "/pages/login/login" });
      }
      return token;
    },
    //获取userid
    getUser() {
   
      let id = uni.getStorageSync("userInfo").id;
      if (!id) {
   
        return uni.reLaunch({