Javascript 获取身份验证信息后，如何在vue3中重新初始化main.js？

我目前正在用javascript构建vue3项目，但遇到了一些错误

我想做什么

• 登录成功=>存储令牌

我期望看到什么

• 登录成功=>存储令牌=>然后使用最新的令牌调用API

我到底看到了什么

• 登录成功=>令牌存储=>调用API仍使用旧令牌/null
• 仅再次刷新，将使用最新的令牌

我认为这种情况会发生什么

• 登录成功后，main.js不再重新初始化，因此令牌仍然使用旧令牌
• 需要刷新，那么main.js将再次获得最新的令牌

这是我控制axios的代码

//main.js
函数getToken（）{
返回localStorage.getItem（'token'）；
}
const httpClient=axios.create({
基本URL:“http://localhost/",
标题：{
授权：`Bearer${getToken（）}`
}
});
axiosInterceptors.装饰（httpClient）；

---

请帮助指出我做错了哪一部分，谢谢。

没有足够的上下文来确定问题。显示

登录成功

、

存储令牌

和

调用API

的代码。