在本地开发带有全栈 (WAMP) 的 React
Develop React w/ full-stack (WAMP) locally
有没有办法在前端使用 React 和全栈服务器(例如 WAMP)设置本地开发环境?
完美的案例是:
- 使用默认的 React Create App 设置不弹出脚本
- 对 PHP 文件进行 AJAX 调用,这些文件将处理对 MySQL 数据库的查询
问题:
- 是否可以只 运行 WAMP at localhost:3000 和 React
yarn start
at localhost:3002 (它自动设置不同的 IP),然后只是 PHP 文件在 src
文件夹中的某处,并使用 AJAX 技术之一(例如 jQuery 或本机 XMLHttpRequest)从 JSX 调用它们?
- 或者唯一的方法是弹出脚本,然后构建文件并将其放入 WAMP 的
/www/project
文件夹中,然后使用自定义工具更新 WAMP 本地主机地址中的所有这些内容?
编辑: 将 React 应用程序放入 /wamp/www
不是一个选项 - 它对我不起作用,我不想投入更多精力。 运行 本地主机上的 React 和 WAMP 似乎有效,要回答的问题是:
- 如何将 PHP 文件导入 JSX。尝试用 smth 调用它:
require('./foo.php')
不起作用。 import foo from ./foo.php
也没用。有什么想法吗?
1) 我强烈建议您尝试这样做:
关注点分离非常重要。为您的应用程序准备两个存储库,一个用于后端,一个用于前端,这一点非常重要。特别是如果您正在使用版本控制系统,更重要的是,如果您计划在团队中使用它。我建议你只是让你的 wamp 安装保持原样,添加一个虚拟主机,如:backend.my-project.com,然后 运行 你的反应应用正常,并使用 env.local在 cra 文件中使用环境变量存储后端应用程序的 URL。
2) 你不需要弹出脚本来让你的前端和后端都在同一个地方:
在你的 wamp 文件夹中创建反应应用程序,或者将你的 wamp 文件夹指向你的 create-reac-app 生成的反应应用程序
经过调查,我找到了实现目标的方法。
能够向您使用的任何本地服务器(Apache、Nginx、Node.js)发送请求的关键是使用 ReactJS proxy
功能:
将 "proxy": "http://localhost"
添加到我的 package.json 文件后,我能够向我的 WAMP 服务器发送和接收请求,同时保留所有 React 的 Create App 本机脚本.
P.S。结果 Facebook 有一个很好的 React-native 请求工具,叫做 fetch
- https://facebook.github.io/react-native/docs/network.html.
有没有办法在前端使用 React 和全栈服务器(例如 WAMP)设置本地开发环境?
完美的案例是:
- 使用默认的 React Create App 设置不弹出脚本
- 对 PHP 文件进行 AJAX 调用,这些文件将处理对 MySQL 数据库的查询
问题:
- 是否可以只 运行 WAMP at localhost:3000 和 React
yarn start
at localhost:3002 (它自动设置不同的 IP),然后只是 PHP 文件在src
文件夹中的某处,并使用 AJAX 技术之一(例如 jQuery 或本机 XMLHttpRequest)从 JSX 调用它们? - 或者唯一的方法是弹出脚本,然后构建文件并将其放入 WAMP 的
/www/project
文件夹中,然后使用自定义工具更新 WAMP 本地主机地址中的所有这些内容?
编辑: 将 React 应用程序放入 /wamp/www
不是一个选项 - 它对我不起作用,我不想投入更多精力。 运行 本地主机上的 React 和 WAMP 似乎有效,要回答的问题是:
- 如何将 PHP 文件导入 JSX。尝试用 smth 调用它:
require('./foo.php')
不起作用。import foo from ./foo.php
也没用。有什么想法吗?
1) 我强烈建议您尝试这样做: 关注点分离非常重要。为您的应用程序准备两个存储库,一个用于后端,一个用于前端,这一点非常重要。特别是如果您正在使用版本控制系统,更重要的是,如果您计划在团队中使用它。我建议你只是让你的 wamp 安装保持原样,添加一个虚拟主机,如:backend.my-project.com,然后 运行 你的反应应用正常,并使用 env.local在 cra 文件中使用环境变量存储后端应用程序的 URL。
2) 你不需要弹出脚本来让你的前端和后端都在同一个地方: 在你的 wamp 文件夹中创建反应应用程序,或者将你的 wamp 文件夹指向你的 create-reac-app 生成的反应应用程序
经过调查,我找到了实现目标的方法。
能够向您使用的任何本地服务器(Apache、Nginx、Node.js)发送请求的关键是使用 ReactJS proxy
功能:
将 "proxy": "http://localhost"
添加到我的 package.json 文件后,我能够向我的 WAMP 服务器发送和接收请求,同时保留所有 React 的 Create App 本机脚本.
P.S。结果 Facebook 有一个很好的 React-native 请求工具,叫做 fetch
- https://facebook.github.io/react-native/docs/network.html.