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

Question

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

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

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

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

• “@shopify/app-bridge”：“^2.0.5”，
• “@shopify/app-bridge-utils”：“^2.0.5”，
• Laravel 版本：8.65，
• PHP 版本：8.0.8，
• shopify 版本：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;

Answer 1

经过一番努力，我发现app-bridge需要时间同步。 我使用的是 windows 机器，所以我同步了我的电脑时间，现在它可以正常工作了。