reactjs - 本地反应应用程序连接到本地 WooCommerce vagrant API

Question

我有一个本地 React 应用程序，在 http://localhost:3000 上运行，它是使用以下内容创建的：

npx create-react-app my-app
cd my-app
npm start

我希望将此应用程序连接到 WooCommerce API。WooCommerce API 使用两种类型的身份验证，基本（仅限 Https）和 Oauth。

我有一个在https://woocommerce.test上运行的本地 WooCommerce vagrant box

我需要使用基本身份验证（这只是消费者密钥/秘密），但由于 SSL 问题，我无法从 localhost:3000 服务器连接到它。我尝试使用HTTPS=true环境变量运行 localhost 服务器，但我遇到了混合内容和其他问题。

目前，我必须构建我的 react 应用程序并在我的 woocommerce 安装的站点根目录中复制构建的目录，以测试 API 连接性，但这并不是一个真正实用的工作流程。

理想情况下，我想在内部运行我的 http://localhost:3000 服务器，或者伪装成https://woocommerce.test vagrant box，这样我就可以开发我的 react 应用程序。

TLDR：如何将运行反应应用程序的端口 3000 上的本地节点服务器连接到本地 woocommerce API vagrant 框，以避免 SSL 相关的回退到 Oauth？

标签： reactjswoocommercevagrantwoocommerce-rest-api