HbuiliderX和UniApp

HBuilderX uni-app 打包发行 H5 配置

https://blog.csdn.net/lhz_333/article/details/121733669

HBuilderX代理配置

在manifest.json中devServer下面proxy下面/api配置代理路径，/file配置代理文件图片路径，如果出现图片等访问不对，可以先查代理路径是否正确

 

uni-app 解析用户token信息

先在资源管理器中启动cmd，然后输入npm install jsrsasign，解析jwt，然后代码是

import jsrsasign from 'jsrsasign'
export const decodeToken = (token) => {

let token = uni.getStorageSync('token')

let obj = null
if (token !== '') {
const payload = jsrsasign.KJUR.jws.JWS.parse(token)
if (payload.hasOwnProperty('payloadObj')) {
obj = payload.payloadObj
}
}
return obj
}

可以看相关链接：https://blog.csdn.net/qq_44063746/article/details/109801179

uni-app 获取token

如果后台要传一个返回的地址returnUrl，例：

function getToken() {
uni.request({
url: '/api/workorderfront/Auth/GetWXAuthorizeUrl',
data: {
// returnUrl: `http://weixintest.yunscada.com/pages/author/author` // 测试地址
returnUrl: `http://${location.host}/pages/author/author` // 上传服务器地址
},
method: 'GET',
header: header,
success: (res) => {
window.location.href = res.data.data
},
fail: (err) => {
console.log('err', err)
}
})
}

第一个是测试地址，http后面的地址是测试给你的访问服务端的白名单地址，上传不能携带端口号，然后访问的话会出现访问地址报错，需要手动添加端口号例如8080

第二个时正式地址，获取当前页面url地址，但是服务端不会携带端口号，所以本地会显示上传returnUrl错误

配置本地地址的时候需要修改hosts文件，在C:\Windows\System32\drivers\etc下面

 

 就是这个东西

 

uni-app 发送请求携带token

第一个项目是header携带token，但是不是token字段，

 

 

需要修改这两个字段，然后在封装请求中发送header：header就可以了