首页 > 解决方案 > WP REST API 和本地 React 项目的 JWT 身份验证的 Cors 问题

问题描述

我成功安装了“WP REST API 的 JWT 身份验证”并遵循(并多次查看)正确设置的说明。

我的 React 应用程序确实通过/jwt-auth/v1/token -endpoint 进行身份验证。

我得到一个令牌并将其存储在我的 localStorage 中。

从现在开始,我所有的 API 调用都添加了一个授权标头,如下所示: Authorization: Bearer mYCust0mToken

在浏览器中,这会触发对服务器(远程服务器)的预检请求,这些请求都失败了。基本上登录会杀死我所有的 API 请求。

我现在收到 405 说明以下内容:

CORS 策略已阻止从源“ http://localhost:3000 ”访问“ https://mywebpage.com/wp-json/wp/v2/posts/ ”获取:对预检请求的响应未通过访问控制检查:请求的资源上不存在“Access-Control-Allow-Origin”标头。如果不透明的响应满足您的需求,请将请求的模式设置为“no-cors”以获取禁用 CORS 的资源。

我在一个子目录中运行 WP,所以我有两个 .htaccess 文件,一个在根目录中,一个在 wp/-目录中。我已经尝试将两个文件中描述的建议 .htaccess-changes放在文件的几个位置,但仍然没有运气。

我还尝试将 Allow-Origin 标头设置为"*",只是为了测试。我在 .htaccess 文件和我的 PHP 中都这样做了。

有没有人启动并运行“WP REST API 的 JWT 身份验证”并愿意告诉您如何操作?

标签: reactjswordpress.htaccessjwtfetch

解决方案


推荐阅读