库存盘点功能(通过token进行接口校验获取数据)

83 阅读1分钟

业务:用户通过扫码成功后跳转库存盘点首页,进行商品库存信息的核对,核对成功后进行提交。

思路:

1、提供跳转链接,生成二维码

httpsapi.kiosk-uat.kalos-blocks.commobile#indextimestamp=1710380367&machine_id=test0001&manager_id=5&sign=fa2872f5a673075f345d17cbf36b36f5.png

2、进入页面获取链接参数,请求接口获取token值进行接口校验。

3、在请求拦截器设置headers中的token值(库存列表接口需要token值才能通过校验获取数据) 注意:手机端使用 sessionStorage 是失效的,所以我用了 localStorage 代替,在页面关闭时需要手动清除 localStorage.setItem('token', '')

// 添加请求拦截器
service.interceptors.request.use(
  function (config) {
    const token = localStorage.getItem('token')
    if (token) {
      config.headers['token'] = token
    }

    return config
  },
  function (error) {
    // 对请求错误做些什么
    console.log(error)
    return Promise.reject(error)
  }
)

4、配置跨域

1717727533445.png

5、上线的服务器地址,服务渲染地址

1717727558187.png