如何使用Gatsby制作的站点对Strapi中的数据进行变异?
我想知道是否有可能在盖茨比的网站上写变异查询。我想在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数据。您需要为您的网站提供一个客户端。最好的方法是在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>
);