uniapp之封裝一個公共的帶token的請求方法

1 創建一個文件名為config.js

const baseurl = 'http://xxx:9090/';  //公共接口請求地址
export default baseurl;

2 在登錄接口返回數據的那步，將token存進緩存中

                 // 存儲token
                        uni.setStorage({
                            key: 'token',
                            data: res.data.access_token,
                            success: function () {
                                uni.getStorage({
                                    key: 'token',
                                    success: function (res) {
                                        console.log(res.data);
                                    }
                                });
                            }
                        });

 在uni.getStorage  API中打印，會發現已經可以拿到緩存的token數據了

3 創建一個公共請求文件 requst.js

如果token不存在，就返回到登錄界面。baseurl為公共的接口地址

 import baseurl from './config.js'
// 公共的請求
 const request = function(options) {
     options.url = baseurl + options.url;
     try {
       const token = uni.getStorageSync('token');
       const username = uni.getStorageSync('username');
       debugger
       if (token) {
         options.header = {
           'Authorization' : 'Bearer ' + token
         };
        }else{
            uni.navigateTo({
                url: '../../login/login/login' 
            });
            return;
        }
     } catch (err) {
      console.log(err)
    }
    return uni.request(options);
  }
export default request;

4 去相應界面使用

  import request from '../../../request.js'               //引進requst方法

  onShow:function(){
            request({
                url:"message/messages",
                method:'get',
                success: function (res) {
                    console.log(res.data);
                }
            })    
        }
————————————————
版權聲明：本文為CSDN博主「web前端_CC」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/CuiCui_web/java/article/details/102746147