Shopify 应用桥会话令牌在使用 vue.js 和 Axios 时遇到一些问题？

我在制作 Shopify 应用程序 Vue.js 作为前端和 laravel 作为后端时遇到一些问题。

我正在使用 app-bridge 生成会话令牌，它生成会话令牌正常，并且工作正常，直到重新生成会话令牌。 重新生成会话令牌后，它会响应“会话令牌无效”。

我遵循官方文档中的正确指南点击链接 https://shopify.dev/apps/auth/session-tokens/app-bridge-utilities.

我已检查标头，当我使用 Axios 实例发送请求时，会传递新令牌。 简而言之，令牌在重新生成后第一次不起作用。

• "@shopify/app-bridge": "^2.0.5",
• "@shopify/app-bridge-utils": "^2.0.5",
• Laravel 版本：8.65，
• PHP版本：8.0.8，
• 商店版本：2.0
• "vue": "^2.6.12",

这是我的代码......

import axios from "axios";
import { getSessionToken } from "@shopify/app-bridge-utils";

const instance = axios.create();

instance.interceptors.request.use(async function (config) {
  return await getSessionToken(window.shopify_app_bridge)
    .then((token) => {
      console.log(token)
      config.headers["Authorization"] = `Bearer ${token}`;
      return config;
    });
});

export default instance;

经过一番努力，我发现应用程序桥需要时间同步。 我使用的是 Windows 机器，所以我同步了我的计算机时间，现在它工作正常。