当在文件上传组件中遇到 token 变更,但组件内部的 token 没有变化的情况,你可以采取以下几种方法来解决这个问题:
- 使用 Vuex 管理 token:
如果你的项目使用 Vue.js,并且有 Vuex 状态管理,你可以在 Vuex store 中管理 token。当 token 发生变化时,你可以通过 mutation 更新 store 中的 token。然后,你的文件上传组件可以从 Vuex store 中读取这个 token。 - 使用事件通知:
你可以在父组件中监听 token 的变化,并在变化时发出一个事件。你的文件上传组件可以侦听这个事件,并在事件触发时更新其内部的 token。 - 使用动态属性:
你可以将 token 作为动态属性传递给你的文件上传组件。当 token 发生变化时,只需更新父组件中传递给组件的 token 属性,这样组件内部的 token 也会相应地更新。 - 强制重新渲染:
如果上述方法都不适用,你可以尝试强制重新渲染组件。例如,你可以使用key
属性为组件指定一个动态的key
,这样当key
发生变化时,Vue 会强制重新渲染该组件。 - 检查 token 的来源:
确保你的 token 是从可靠的地方获取的,并且每次获取时都是最新的。有时,如果 token 的来源有问题,或者获取 token 的逻辑有 bug,可能导致即使 token 在外部已经改变,但在组件内部仍然是旧的 token。
请根据你项目的具体情况选择最适合的方法。如果可以提供更多关于你的项目的具体信息,我可以给出更具体的建议。
具体效果具体分析,我是这样实现的仅供参考哈:
// token变更之后,组件内部token没变化,重新赋值headers新的token,更新token
this.$set(this.$refs.impUplaod.$refs.upload.headers, 'Authorization', getToken())
this.$refs.impUplaod.$refs.upload.submit()