ContactForm7 在提交时显示 POST 和 GET 错误 WordPress Woocommerce 网站

Question

我最近开发并部署了一个 WordPress woocommerce 网站，在我将该网站放在其域上后，出现了一个奇怪的错误弹出窗口。此前它致力于开发子域。

\n

我面临 ContactForm7 提交问题，当有人想要提交 contactform7 时我收到错误

\n

控制台输出上记录的错误是：

\n

The resource https://domainhidden/wp-content/themes/Divi/core/admin/fonts/modules.ttf was preloaded using link preload but not used within a few seconds from the window\'s load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.\n2DevTools failed to parse SourceMap: https://domainhidden/wp-content/themes/Divi/js/custom.unified.js.map\napi-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2 \n\nPOST https://domainhidden/wp-json/contact-form-7/v1/contact-forms/45143/feedback?_locale=user 403 (Forbidden)\nF @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\n(anonymous) @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\ntryCatch @ wp-polyfill.min.js?ver=7.4.4:1\ninvoke @ wp-polyfill.min.js?ver=7.4.4:1\nt.<computed> @ wp-polyfill.min.js?ver=7.4.4:1\nn @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\na @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\n(anonymous) @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\n(anonymous) @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\n(anonymous) @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\n(anonymous) @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\nI @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\n(anonymous) @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\nf @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\n(anonymous) @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\nI @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\n(anonymous) @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\n(anonymous) @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\nf @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\n(anonymous) @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\n(anonymous) @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\nt @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\n(anonymous) @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\nR @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\n(anonymous) @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\n(anonymous) @ index.js?ver=5.4:1\n(anonymous) @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\n(anonymous) @ index.js?ver=5.4:1\n(anonymous) @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\nX @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\nf @ index.js?ver=5.4:1\n(anonymous) @ index.js?ver=5.4:1\nShow 2 more frames\napi-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2 \n\nGET https://domainhidden/wp-admin/admin-ajax.php?action=rest-nonce 400 (Bad Request)\n(anonymous) @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\nPromise.catch (async)\nX @ api-fetch.min.js?ver=a783d1f442d2abefc7d6dbd156a44561:2\nf @ index.js?ver=5.4:1\n(anonymous) @ index.js?ver=5.4:1\nindex.js?ver=5.4:1 \nResponse\xc2\xa0{type: "basic", url: "https://domainhidden/wp-admin/admin-ajax.php?action=rest-nonce", redirected: false, status: 400, ok: false,\xc2\xa0\xe2\x80\xa6}\n

\n

\n

我已经尝试过一些解决方案，例如：

\n

\n
1. 清除缓存文件
\n
2. 删除现有的 .htaccess 文件并添加默认 WordPress 的 .htaccess
\n
3. 更新Php内存限制为1024M和512M
\n
4. 通过设置/永久链接重新生成永久链接（只需单击现有设置的保存按钮）
\n

\n

我提到了很多这个错误，但找不到任何解决方案。我的联系表 7 测试运行正常。我从中收到测试电子邮件。但它在网站上不起作用。

\n

Answer 1

我只在我管理的一个网站上看到过这种情况。这显然是由于与另一个插件冲突，该插件仅允许登录用户使用 REST API，从而限制了对 WP API 的访问。

要禁用通过 REST API 提交（这似乎是导致您的问题的原因），您可以使用以下行更新您的 wp-config.php：

define( 'WPCF7_LOAD_JS', false );

或添加到你的functions.php

add_filter( 'wpcf7_load_js', '__return_false' );

这将禁用 ajax 提交。该表单将通过“POST”方法提交，然后应该可以工作。

Answer 2

根据 @flexy 的评论，我读到最近 cf7 的更新不稳定并引起了很多问题。就在那时我意识到在上线之前我也更新了所有插件。

所以解决方案是：

将联系表单 7 降级到较旧的稳定版本 使用 WP Rollback 插件降级版本

cf7不稳定的版本是5.4.0

有效的方法是降级到 5.3.2 之前的一个版本