console.log('sessionStorage===',sessionStorage.getItem('token'))是空的怎么解决
时间: 2023-11-04 10:23:26 浏览: 214
如果 `sessionStorage.getItem('token')` 返回空,可能有以下几种原因:
1. 在使用 `sessionStorage.setItem('token', value)` 方法设置 `token` 值时出错,导致存储失败。你可以通过 `console.log('sessionStorage===', sessionStorage)` 查看 sessionStorage 中是否存在 `token` 键,以及它的值是否正确。
2. `token` 值已经过期或者被删除了。`sessionStorage` 中存储的数据只在当前会话有效,如果用户关闭了浏览器或者打开了一个新的标签页,那么 `sessionStorage` 中存储的数据就会被清空。
3. `sessionStorage` 功能被禁用了。一些浏览器可能会禁用 `sessionStorage` 功能,你可以尝试在浏览器控制台中输入 `sessionStorage.setItem('test', 'test')` 看看是否会报错。
如果以上方法都无法解决问题,你可以考虑使用其他的存储方式,比如 `localStorage` 或者 `cookie`。
相关问题
handleSizeChange(val) { console.log(`每页 ${val} 条`); var _this = this _this.pageSize = val _this.token = sessionStorage.getItem("token") axios.get('http://localhost:8082/event/eventForm?page=' + _this.page +'&pageSize=' +_this.pageSize, { headers:{ 'token': _this.token } }) .then(function (ref) { console.log(ref.data) _this.tableData = ref.data.data.records _this.total = ref.data.data.total-0 }) }, handleCurrentChange(val) { console.log(`当前页: ${val}`); var _this = this _this.token = sessionStorage.getItem("token") _this.page = val axios.get('http://localhost:8082/event/eventForm?page=' + _this.page +'&pageSize=' +_this.pageSize, { headers:{ 'token': _this.token } }) .then(function (ref) { console.log(ref.data) _this.tableData = ref.data.data.records _this.total = ref.data.data.total-0 }) },
这是一个使用了 Vue.js 和 Axios 库的前端分页查询的方法。其中,handleSizeChange 方法用于在每页显示条数发生变化时触发,通过发送请求到后端,获取指定页码和指定每页显示条数的数据,同时更新表格的数据和总记录数。handleCurrentChange 方法用于在当前页发生变化时触发,同样通过发送请求到后端,获取指定页码和指定每页显示条数的数据,同时更新表格的数据和总记录数。这个分页查询的实现需要后端提供相应的接口支持,同时需要前端进行相应的参数配置和数据渲染。
请改成想这样的 getProvicnelist() { axios({ url: commenUrl + "/sys/area/provicnelist", method: "post", headers: { token: sessionStorage.getItem('kSDtoken'), refreshToken: sessionStorage.getItem('KSDrefreshToken'), }, params: { // code: this.formInline.provinceCode } }).then(res => { if (res.data.code == '0') { this.provinceList = res.data.data; console.log(this.provinceCode) var newprovinceData = { code: '', fullName: "全部", name: '全部' }; this.provinceList.unshift(newprovinceData); } }) },
这是一个使用axios发送POST请求获取省份列表的函数,其中包含了请求的URL、请求方法、请求头、请求参数等信息。在成功获取到省份列表后,还会将一个名为“全部”的省份数据插入到列表的最前面。需要注意的是,在请求头中包含了两个token,分别为“token”和“refreshToken”,这些token可能需要从sessionStorage中获取。
阅读全文