全局封装token请求头

本文介绍了如何在前端项目中进行全局的token请求头封装,通过创建request文件夹,包含base.js、index.js和api.js,根据环境变量设置基础URL,并在请求中统一处理token,实现代码复用和错误拦截。当遇到未设置请求头或登录过期的情况,代码会自动导航至登录页面。
摘要由CSDN通过智能技术生成

创建一个request文件夹,然后创建base.js,index.js,api.js(这样封装的好处是为了统一管理,减少冗余,优化代码,提高复用率)

在base.js中来封装一个基础的地址(在这个里面我们需要通过环境的判断去导出不同的域名/Ip地址)

通过console.log(process.env.NODE_ENV,'进程')

let baseUrl = " "

if(process.env.NODE_ENV == "development"){

consloe.log('开发')

//进行平台判断  

//#ifndef H5

baseUrl="http://localhost:3000"

//endif

}else if(process.env.NODE_ENV == 'text'){

//公司还有其他的环境的时候,就直接写到这里判断

baseUrl = "http://www.text.com"

}else if(process.env.DONE_ENV == 'production'){

//生产环境

baseUrl="http://www.zhenbang.com"

}

export default baseUrl

在index.js中

import baseUrl from './base'   //引入封装好的基础地址

let token = uni.getStorageSync('userinfo&#

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值