uni-app请求头中携带token
发布日期:2021-05-07 23:20:39 浏览次数:5 分类:精选文章

本文共 887 字,大约阅读时间需要 2 分钟。

之前做一个前后端分离项目是,用axios进行交互,访问一些有权限的页面时,需要在请求头中携带token值,在uniapp用uni.request发送请求时我发现浏览器中请求头中并没有携带token,有些有权限的页面也无法加载出来。

也找了很多解决方法,基本都是大同小异,发现和我的不太一样,于是就自己弄了一个
首先:
在登陆成功之后,需要把token保存到本地
在这里插入图片描述

然后新建一个request.js文件

我是这样配置的

const BASE_URL = 'http://127.0.0.1:8088'//接口地址export const http = (options) => {   	return new Promise((resolve,reject) => {   		uni.request({   			url: BASE_URL + options.url,			method: options.method || 'GET',			data: options.data || {   },			header: {   Authorization:uni.getStorageSync('token')},			success: (res) => {   					if (res == '') {   					return uni.showToast({   						icon: 'loading',						title:'获取数据失败'					})				}				resolve(res)			},			fail: (err) => {   				return uni.showToast({   					icon: 'loading',					title:'请求失败'				})				reject(err)			}		})	})}

然后再需要的页面引入

加上了这句 header: {Authorization:uni.getStorageSync(‘token’)} 之后
请求头中携带了token,
在这里插入图片描述

有权限的页面也出来了

终于弄好了

上一篇:常用的 Git 命令和小技巧(1)
下一篇:实现 tabBar 单击切换初始化,双击进行页面数据刷新

发表评论

最新留言

第一次来,支持一个
[***.219.124.196]2025年03月17日 11时33分45秒