Shopify App-bridge session 令牌在使用 vue.js 和 Axios 时遇到一些问题？

Shopify App-bridge session token is having some issues while working with the vue.js and Axios?

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

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

我遵循官方文档中的正确指南 follow link。

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

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

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;

经过一番折腾，我发现app-bridge需要时间同步。 我正在使用 windows 机器，所以我同步了我的计算机时间，现在它运行良好。