javascript - 在本地使用全栈 (WAMP) 开发 React

标签 javascript php mysql reactjs wampserver

有没有办法在前端使用 React 和全栈服务器(例如 WAMP)设置本地开发环境?

完美的情况是:

  • 使用默认的 React Create App 设置不弹出脚本
  • 对 PHP 文件进行 AJAX 调用,以处理对 MySQL 数据库的查询

问题:

  • 是否可以在 localhost:3000 运行 WAMP 并在 localhost:3002 运行 React yarn start (它自动设置不同的 IP),然后将 PHP 文件放在 src< 内的某个位置 文件夹并使用其中一种 AJAX 技术(例如 jQuery 或 native XMLHttpRequest)从 JSX 调用它们?
  • 或者唯一的方法是弹出脚本,然后构建文件并将其放入 WAMP 的 /www/project 文件夹中,然后使用自定义工具在 WAMP 的本地主机地址上更新所有这些内容?

编辑:将 React 应用程序放入 /wamp/www 不是一个选项 - 它对我不起作用,我不想投入更多精力。在本地主机上运行 React 和 WAMP 似乎可以工作,要回答的问题是:

  • 如何将 PHP 文件导入 JSX。尝试使用以下方式调用它: require('./foo.php') 不起作用。 import foo from ./foo.php 也不起作用。有什么想法吗?

最佳答案

经过调查,我找到了实现目标的方法。

能够向您使用的任何本地服务器(Apache、Nginx、Node.js)发送请求的关键是使用 ReactJS proxy 功能:

"proxy": "http://localhost" 添加到我的 package.json 文件后,我能够向我的 WAMP 服务器发送和接收请求,同时保持所有 React 的 Create App native 脚本。

附注事实证明,Facebook 有一个很好的 React-native 请求工具,名为 fetch - https://facebook.github.io/react-native/docs/network.html .

关于javascript - 在本地使用全栈 (WAMP) 开发 React,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48278864/

相关文章:

php - file_get_contents() 连接超时问题

mysql - GROUP BY 两次和 SUM

mysql - 在mysql查询中将WHERE放在哪里

javascript - empty .forRoot() 在 angular2 中到底做了什么?

Javascript-当方法调用自身时,this.increment不会增加

javascript - 在键盘输入上发送 jQuery ajax 请求

php - foreach中的foreach?显示不正确的数据

php - cakephp 错误 - 验证显示两次

mysql - 如何更新二进制数的一位作为切换?

javascript - 找到最接近给定值的索引