根因(读码 + 本机后端实测坐实):
- 后端登录/刷新返回 accessToken,前端 authStore 却读 result.token →
accessToken 从未落库 → 每个请求都不带 Authorization → 全站 401(首页无法加载)。
- /auth/refresh 少传 userId:后端以 userId 定位 Redis refresh token,
缺失即 BAD_REQUEST → HTTP 400(实测 {refreshToken} 体 → 400)。
- 首页 index.wxml 绑定 bind:retry="onRetry"(ui-error-state 触发 retry 事件),
但 index.ts 无该方法 → 控制台报错、错误页「重新加载」失效。
- app.globalData.token 从未赋值,多页直读它拼 Authorization → Bearer undefined。
修复:
- authStore:登录/刷新改用 result.accessToken;刷新传 this.state.userId。
- authService.refresh(userId):发送 { userId, refreshToken }。
- pages/index:新增 onRetry;onLoad 订阅 authStore(expired → 回登录引导;
刷新成功且停在错误态 → 自动重载);onUnload 退订。
- utils/api:saveToken/clearToken/getToken 同步 app.globalData.token,兼容旧页面。
守卫补强:
- ui-tests/miniapp-auth-contracts.mjs 原仅覆盖 hydrate,对字段名缺陷零覆盖。
新增行为断言:登录后 storage.accessToken 必须等于后端 accessToken;
刷新请求体必须含 userId + refreshToken 并持久化新 accessToken。
已双向负向注入验证判别力(改回 result.token / 去掉 userId 均 exit 1)。
验证:
- tsc --noEmit -p miniapp/tsconfig.json → exit 0,零错误。
- scripts/run-ui-contracts.mjs → 18/18 PASS。
- 本机 8085 /auth/refresh 三态实测:{} → 400;{refreshToken} → 400;
{userId,refreshToken} → 500(进入服务校验,非 400)。
- 未验证:开发者工具内实际登录→首页链路(本机无法驱动 devtools,待用户复测)。
55 lines
1.9 KiB
JavaScript
55 lines
1.9 KiB
JavaScript
/**
|
||
* 认证服务(规范 §131 services 层 / API_INVENTORY 认证域)
|
||
*
|
||
* 仅封装 auth/wechat/login、auth/phone/bind、auth/refresh、auth/logout 四个端点。
|
||
* Token 持久化、Session 失效回调由 utils/api.js 统一处理;本层不读写本地存储。
|
||
* 刷新 Token 在 401 自动重试由 AuthStore 协调(单飞锁),见 stores/authStore。
|
||
*/
|
||
const api = require('../utils/api');
|
||
|
||
/**
|
||
* 微信登录(API_INVENTORY 行 8)
|
||
* @param {{ code: string }} payload wx.login 拿到的 code
|
||
* @returns {Promise<{ token: string, refreshToken: string, expiresIn: number, needPhone: boolean, needProfile: boolean }>}
|
||
*/
|
||
function wechatLogin(payload) {
|
||
return api.post('/auth/wechat/login', payload, undefined, payload.code);
|
||
}
|
||
|
||
/**
|
||
* 绑定手机号(API_INVENTORY 行 9)
|
||
* @param {{ phoneCode: string }} payload wx.getPhoneNumber 拿到的 encryptedData/iv 或 phoneCode
|
||
* @returns {Promise<{ bound: true }>}
|
||
*/
|
||
function bindPhone(payload) {
|
||
return api.post('/auth/phone/bind', payload, undefined, payload.phoneCode || payload.encryptedData);
|
||
}
|
||
|
||
/**
|
||
* 刷新 Token(API_INVENTORY 行 10)
|
||
* 后端 /auth/refresh 要求 body 同时包含 userId 与 refreshToken(userId 用于定位
|
||
* Redis 中存储的 refresh token),缺少任一都会返回 400。故此处必须带 userId。
|
||
* @param {string} userId 当前登录用户 ID(来自 AuthStore.state.userId)
|
||
* @returns {Promise<{ accessToken: string, refreshToken: string, expiresIn: number }>}
|
||
*/
|
||
function refresh(userId) {
|
||
const refreshToken = api.getRefreshToken();
|
||
return api.post('/auth/refresh', { userId, refreshToken });
|
||
}
|
||
|
||
/**
|
||
* 登出(API_INVENTORY 行 11)
|
||
* 幂等:键由 api 层托管,网络异常重试时复用同一把,避免后端重复记账。
|
||
* @returns {Promise<void>}
|
||
*/
|
||
function logout() {
|
||
return api.post('/auth/logout', {}, undefined, api.idempotencyKey('logout'));
|
||
}
|
||
|
||
module.exports = {
|
||
wechatLogin,
|
||
bindPhone,
|
||
refresh,
|
||
logout,
|
||
};
|