Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/clojure/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用Gatsby制作的站点对Strapi中的数据进行变异?_Gatsby_Static Site_Strapi_Headless Cms - Fatal编程技术网

如何使用Gatsby制作的站点对Strapi中的数据进行变异?

如何使用Gatsby制作的站点对Strapi中的数据进行变异?,gatsby,static-site,strapi,headless-cms,Gatsby,Static Site,Strapi,Headless Cms,我想知道是否有可能在盖茨比的网站上写变异查询。我想在Strapi中创建的数据不会用于显示新信息,它只会存储数据 有没有办法做到这一点?据我所知,《盖茨比》本身不会改变Strapi数据。您需要为您的网站提供一个客户端。最好的方法是在gatsby-ssr.js和gatsby-browser.js的根目录中,然后您可以像下面的示例一样使用react apollo client.js gatsby-ssr.js和gatsby-browser.js 从“React”导入React; 从'react ap

我想知道是否有可能在盖茨比的网站上写变异查询。我想在Strapi中创建的数据不会用于显示新信息,它只会存储数据


有没有办法做到这一点?据我所知,《盖茨比》本身不会改变Strapi数据。

您需要为您的网站提供一个客户端。最好的方法是在gatsby-ssr.js和gatsby-browser.js的根目录中,然后您可以像下面的示例一样使用
react apollo

client.js gatsby-ssr.js和gatsby-browser.js

从“React”导入React;
从'react apollo'导入{ApolloProvider};
从“./src/client”导入{client};
导出常量wraproteElement=({element})=>(
{element}
);
postTemplate.js
从“React”导入React
从“反应阿波罗”导入{突变}
从“graphql标记”导入gql
常量后突变=gql`
突变后突变($description:String!,$url:String!){
帖子(描述:$description,url:$url){
身份证件
创建数据
网址
描述
}
}
`
常量PostTemplate=()=>{
const description=“示例说明”
const url=“url”
返回(
{() =>
import ApolloClient from "apollo-boost"

const token = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfaWQiOiI1ZDRhN2FlNjRlYzE1MzIxMTY0N2EzNWMiLCJpc0FkbWluIjp0cnVlLCJpYXQiOjE1NjU1OTI2ODcsImV4cCI6MTU2ODE4NDY4N30.FZIWJ7sWhmQo6MPgUbY2Js-uVMWY1kUdASvr2oyY6Sd"
const url = "http://localhost:1337"

export default new ApolloClient({
  uri: `${url}/graphql`,
  request: operation => {
    operation.setContext({
      headers: {
        Authorization: `Bearer ${token}`,
      },
    })
  },
})

import React from 'react';
import { ApolloProvider } from 'react-apollo';
import { client } from './src/client';

export const wrapRootElement = ({ element }) => (
  <ApolloProvider client={client}>
    {element}
  </ApolloProvider>
);