使用PHP API和APache服务器在Digitalocean上部署ReactJs应用程序

Question

几天来，我一直在尝试在Digital ocean上部署我的第一个react js应用程序，但没有成功。它是一个create react应用程序，它连接到运行Apache服务器的PHP API

我已经使用npm run build命令成功构建了我的应用程序。当我试图从我的浏览器访问build文件夹时，我只得到一个空白页面。为此，我只需访问路由浏览器以访问domain_name.com/myapp/build (仅用于测试目的)。

当我运行npm start时，我可以在domain.com:3000上以开发模式访问应用程序的主页。我的package.json的脚本部分如下所示

"scripts": {
  "start": "react-scripts start",
  "build": "react-scripts build",
  "test": "react-scripts test",
  "eject": "react-scripts eject",
  "add-locale": "lingui add-locale",
  "flow": "flow",
  "start:prod": 'node dist/app.js'
},

我的服务器运行在https://domain_name.com上，但当我使用https://domain_name.com:3000时，我无法访问我的应用程序的开发版本，但我可以使用domain_name.com:3000访问开发版本。

任何有关这些问题的帮助都将不胜感激。

Answer 1

当你运行npm start时，你启动了webpack-dev-server，它在3000端口上运行并托管你的源码。

在构建React应用程序时，您只需准备一个js文件，该文件应与您的Apache服务器和您的API文件一起托管。

您需要将该js文件包含在具有structure和<script src="path/to/js">的index.html中。

如果你还有任何问题，请告诉我。

更新：

要解决路由问题，请阅读the official deployment manual和搜索.htaccess

附言:也许你会发现这个https://gist.github.com/ywwwtseng/63c36ccb58a25a09f7096bbb602ac1de很有用。