如何在 Xampp 上运行带路由器的 React 项目

Posted 2023-02-25

【中文标题】如何在 Xampp 上运行带路由器的 React 项目

【英文标题】：How to run React Project w/ Router on Xampp

【发布时间】：2017-06-30 23:40:07

【问题描述】：

我尝试创建一个全新的 react-webpack-redux（yeoman 生成器）项目，在 xampp w/c 上运行编译项目时，我注意到路由有一些东西我不知道如何解决。

第一种情况：没有路由器编译。使用npm run dist 编译。从 dist 文件夹复制文件并放在我的公共服务器的 htdocs 中（使用 xampp）。

它工作正常。在我的本地驱动器 C 中也可以正常工作：

第二种情况：使用路由器编译。现在当我使用 React-Router 时。 （这是我的代码）

它当然可以在 webpack dev localhost:8000 上使用命令npm run serve。

但是当我编译到生产环境时。 npm run dist 然后从 /dist 文件夹中复制文件并放置在我的公共服务器中（与第一个场景相同 - 使用 xampp）在 htdocs 文件夹中。

它不会运行。

我在使用路线时是否遗漏了什么？还是我需要在我的公共服务器中配置一些东西（我正在使用 xampp）。

我希望你能帮助我。

谢谢。

【参考方案1】：

如果您使用 react-create-app 创建应用，只需使用 npm run build 构建您的项目。 然后将文件夹 build 复制到浏览器 localhost/projectname 上的 htdocs.run。

如果您的页面是空白的，只需编辑 index.html 中一些包含文件的路径。 当我使用 npm run build 运行时，有时它会创建错误的路径，包括文件。 当我之前编辑 index.html 时，它对我有用