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

Posted 2023-02-16

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

【英文标题】：Shopify App-bridge session token is having some issues while working with the vue.js and Axios?

【发布时间】：2022-01-11 14:55:18

【问题描述】：

在将 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;

【参考方案1】：

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