业务:用户通过扫码成功后跳转库存盘点首页,进行商品库存信息的核对,核对成功后进行提交。
思路:
1、提供跳转链接,生成二维码
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、配置跨域
5、上线的服务器地址,服务渲染地址