Shopify应用程序-桥会话令牌在使用vue.js和Axios时有一些问题吗？

Question

我正在面对一些问题，当我把一个shopify应用程序Vue.js作为前端，laravel作为后端。

我使用应用桥接器来生成会话令牌，它正在生成会话令牌，在会话令牌重新生成之前，它的工作状态很好。在重新生成会话令牌之后，它将响应“会话令牌无效”。

我正在遵循来自正式文档跟随链接的正确指南。

我已经检查了标题，并在使用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

经过很多挣扎之后，我发现应用桥需要时间同步。我正在使用windows机器，所以我同步了我的计算机时间，现在它的工作非常完美。