0

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

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

我正在遵循官方文档中的正确指南,请点击链接

我已经检查了标头,并且当我使用 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;

4

1 回答 1

0

After a lot of struggles I have found out that app-bridge needs time synchronization. I am using windows machine so I synced my computers time and now its working perfectly.

于 2021-12-14T05:34:42.893 回答