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