我正在测试 Gatsby 和 WP 如何一起工作,并检查了来自官方插件文档的示例(Github 上的 Wordpress 示例)
我使用MAMP在本地托管,端口设置为80 和 3306。
我知道错误出现在 baseUrl 上的 gatsby-config.js 中,因为我试图将其更改为虚拟网站(实时)并且问题已解决。所以我猜想在尝试从 localhost 获取 WP 数据时出了点问题。这是我的 gasby-config.js 文件:
module.exports = {
siteMetadata: {
title: `Gatsby Default Starter`,
description: `Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need.`,
author: `@gatsbyjs`,
},
plugins: [
`gatsby-plugin-react-helmet`,
{
resolve: `gatsby-source-filesystem`,
options: {
name: `images`,
path: `${__dirname}/src/images`,
},
},
`gatsby-transformer-sharp`,
`gatsby-plugin-sharp`,
{
resolve: `gatsby-plugin-manifest`,
options: {
name: `gatsby-starter-default`,
short_name: `starter`,
start_url: `/`,
background_color: `#663399`,
theme_color: `#663399`,
display: `minimal-ui`,
icon: `src/images/gatsby-icon.png`, // This path is relative to the root of the site.
},
},
{
resolve: `gatsby-source-wordpress`,
options: {
/*
* The base URL of the WordPress site without the trailingslash and the protocol. This is required.
* Example : 'dev-gatbsyjswp.pantheonsite.io' or 'www.example-site.com'
*/
baseUrl: `localhost`,
protocol: `https`,
hostingWPCOM: false,
useACF: false,
searchAndReplaceContentUrls: {
sourceUrl: "http://localhost",
replacementUrl: "https://localhost:8000",
},
},
},
// this (optional) plugin enables Progressive Web App + Offline functionality
// To learn more, visit: https://gatsby.dev/offline
// `gatsby-plugin-offline`,
],
}
我尝试过的:
- 将 MAMP 上的端口更改为默认端口(Apache:8888,Nginx:7888,MySQL:8889)但我根本无法打开 m WP 站点(在搜索栏中键入 localhost:8888 时出现服务器错误)
- 将 baseUrl 更改为虚拟实时网站:问题已解决,但我需要它在 localhost 上工作
- 将协议更改为 http(而不是 https),因为我在 Stack 上阅读了类似的线程,但我仍然收到相同的错误
- 使用 Flywheel 将我的 WP 站点迁移到临时域并改用那个 baseUrl(它变成了 testSite123.flywheelsites.com),但同样的错误。
我觉得有点别无选择,欢迎任何想法!