如何在本地主机上运行laravel和reactjs应用程序(Xampp)

在本地主机上运行Laravel和ReactJS应用程序，你可以使用XAMPP来搭建开发环境。以下是详细步骤：

1. 下载和安装XAMPP：
   • XAMPP是一个集成的开发环境，包含了Apache服务器、MySQL数据库和PHP解释器。
   • 访问腾讯云的XAMPP官方网站（https://www.apachefriends.org/zh_cn/index.html）下载适用于你操作系统的XAMPP版本。
   • 安装XAMPP，按照默认设置进行安装。

• 启动XAMPP：
  • 安装完成后，启动XAMPP控制面板。
  • 启动Apache和MySQL服务。
• 配置Apache虚拟主机：
  • 打开XAMPP安装目录下的apache\conf\extra\httpd-vhosts.conf文件。
  • 在文件末尾添加以下虚拟主机配置（假设你的Laravel应用程序位于C:\xampp\htdocs\laravel-app，ReactJS应用程序位于C:\xampp\htdocs\react-app）：
  • 在文件末尾添加以下虚拟主机配置（假设你的Laravel应用程序位于C:\xampp\htdocs\laravel-app，ReactJS应用程序位于C:\xampp\htdocs\react-app）：
  • 保存文件并关闭。
• 配置本地域名解析：
  • 打开C:\Windows\System32\drivers\etc目录下的hosts文件（需要管理员权限）。
  • 在文件末尾添加以下内容：
  • 在文件末尾添加以下内容：
  • 保存文件并关闭。
• 配置数据库：
  • 打开XAMPP控制面板，点击MySQL模块的“Admin”按钮，打开phpMyAdmin。
  • 创建一个新的数据库，用于存储Laravel应用程序的数据。
• 安装和配置Laravel应用程序：
  • 打开命令行工具，进入C:\xampp\htdocs目录。
  • 运行以下命令安装Laravel应用程序：
  • 运行以下命令安装Laravel应用程序：
  • 进入laravel-app目录，复制.env.example文件并重命名为.env。
  • 打开.env文件，配置数据库连接信息（数据库名称、用户名、密码）。
• 安装和配置ReactJS应用程序：
  • 打开命令行工具，进入C:\xampp\htdocs目录。
  • 运行以下命令安装ReactJS应用程序：
  • 运行以下命令安装ReactJS应用程序：
• 运行应用程序：
  • 启动XAMPP控制面板中的Apache服务。
  • 在浏览器中访问http://laravel-app.test，即可查看Laravel应用程序。
  • 在浏览器中访问http://react-app.test，即可查看ReactJS应用程序。

这样，你就可以在本地主机上同时运行Laravel和ReactJS应用程序了。请注意，这只是一个基本的配置示例，实际情况可能会因个人需求和项目要求而有所不同。