wordpress Apollo客户端未获取URI

kmbjn2e3  于 2023-04-05  发布在  WordPress
关注(0)|答案(1)|浏览(150)

我目前正在尝试使用Next.js,GraphQL和Apollo将我的Wordpress网站转换为无头CMS。我正在使用WPGraphQL插件设置我的查询,一切似乎都很好,但我一直得到一个错误,即我的localhost URL未定义。下面是代码:
.env.local -在这里我将查询uri设置为变量,以便在任何地方使用。

NEXT_PUBLIC_WORDPRESS_API_URL=https://guzmanster.test

apollo.js - process.env.NEXT_PUBLIC_WORDPRESS_API_URL结束为“undefined”。实际错误为错误:无法解析来自undefined/graphql的URL

import { ApolloClient, InMemoryCache } from "@apollo/client";
    
    
    export const client = new ApolloClient({
      uri: `${process.env.NEXT_PUBLIC_WORDPRESS_API_URL}/graphql`,
      cache: new InMemoryCache(),
    });

看起来一切都是基于我的研究而设置的。不确定是否有我错过的WordPress中的东西。
我尝试用https://guzmanster.test替换${process.env.NEXT_PUBLIC_WORDPRESS_API_URL},但得到“fetch failed”。我希望它能获取URI以服务WPgraphQL插件中查询的内容

brtdzjyr

brtdzjyr1#

您可以尝试像这样在next.config.js中传递env。

const nextConfig = {
  ...otherNextConfigs,
  env: {
    NEXT_PUBLIC_WORDPRESS_API_URL: process.env.NEXT_PUBLIC_WORDPRESS_API_URL,
  },
}

module.exports = nextConfig;

我看了下一个文档,因为你的前缀NEXT_PUBLIC_很可能被浏览器看到,我不知道它是否被服务器看到,这就是服务器而不是浏览器/客户端抛出错误的原因。

相关问题