如何在 Xampp 上运行带 Router 的 React 项目

Question

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

第一种情况：没有路由器编译。使用

npm run dist

编译。从 dist 文件夹复制文件并将其放入我的公共服务器中的 htdocs 中（使用 xampp）。

效果很好。在我的本地驱动器 C 上也能正常工作：

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

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

npm run serve

。

但是当我编译到生产环境时。

npm run dist

然后同样的事情从 /dist 文件夹复制文件并将其放置在我的公共服务器（与第一个场景相同 - 使用 xampp）中的 htdocs 文件夹中。

它不会运行。

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

我希望你能在这方面帮助我。

谢谢你。

Answer 1

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

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