Reactjs 如何在数字海洋上部署create react应用程序?

Reactjs 如何在数字海洋上部署create react应用程序?,reactjs,nginx,digital-ocean,Reactjs,Nginx,Digital Ocean,任何人请解释一下 我正在努力解决这个问题。我关注了这篇博文 但所有我得到的都是nginx的默认页面,或者现在在一些配置混乱之后,我得到了404NotFound错误 nginx内有两个floder 1)站点可用2)站点已启用 我不确定哪一个与此相关 我的配置是这样的 server { listen 80; server_name 139.59.25.228; root /www/mywebsite/app/build; rewrite ^/(.*)/$ $1 p

任何人请解释一下

我正在努力解决这个问题。我关注了这篇博文 但所有我得到的都是nginx的默认页面,或者现在在一些配置混乱之后,我得到了404NotFound错误

nginx内有两个floder 1)站点可用2)站点已启用 我不确定哪一个与此相关

我的配置是这样的

 server {
    listen 80; 
    server_name 139.59.25.228;
    root /www/mywebsite/app/build;
    rewrite ^/(.*)/$ $1 permanent;
    location / {
       try_files $uri index.html;
    }
}

谢谢——:)

没那么复杂,你只需要:

1/像往常一样启动react应用程序,可能
npm Start
,然后它可能会为您打开端口3000(或任何号码)

2/为指向该
localhost:3000(或您定义的端口)的端口80配置nginx:

但是,为了保持
npm启动
-您的本地主机和端口3000服务器始终处于活动状态,我建议您使用
pm2

sudo npm install pm2 -g
然后,将目录(
cd
)更改为您的reactjs应用程序文件夹:(我假设您使用
npm start
启动reactjs应用程序)

(如果您使用某种类型的
npm run:start
来启动应用程序,那么它应该是:
pm2 start npm--run:start

之后,pm2将记住该命令

有用的pm2命令:

pm2 list all
pm2 stop all
pm2 start all
pm2 delete 0

(使用delete 0从ID为0的pm2列表中删除第一个命令)

这并不复杂,您只需要:

1/像往常一样启动react应用程序,可能
npm Start
,然后它可能会为您打开端口3000(或任何号码)

2/为指向该
localhost:3000(或您定义的端口)的端口80配置nginx:

但是,为了保持
npm启动
-您的本地主机和端口3000服务器始终处于活动状态,我建议您使用
pm2

sudo npm install pm2 -g
然后,将目录(
cd
)更改为您的reactjs应用程序文件夹:(我假设您使用
npm start
启动reactjs应用程序)

(如果您使用某种类型的
npm run:start
来启动应用程序,那么它应该是:
pm2 start npm--run:start

之后,pm2将记住该命令

有用的pm2命令:

pm2 list all
pm2 stop all
pm2 start all
pm2 delete 0

(使用delete 0从ID为0的pm2列表中删除第一个命令)

您必须使用sites-enabled。尝试了没有运气。您必须使用sites-enabled。尝试了没有运气。非常感谢您的解释-:)您成功了吗^^!如果没有,请告诉我日志中的一些错误,然后我们可以找到另一种解决方法。然而,我在许多项目中使用了上述方法,它们都很好!如果这是可行的,请随时投票支持我,并接受,谢谢^ ^!是的,它起作用了。虽然我想更改
proxy\u passhttp://localhost:3000
代理通行证http://localhost:3000/
(添加/结尾)。谢谢-:)很高兴你做了,朋友^^非常感谢你的解释-:)你成功了吗^^!如果没有,请告诉我日志中的一些错误,然后我们可以找到另一种解决方法。然而,我在许多项目中使用了上述方法,它们都很好!如果这是可行的,请随时投票支持我,并接受,谢谢^ ^!是的,它起作用了。虽然我想更改
proxy\u passhttp://localhost:3000
代理通行证http://localhost:3000/
(添加/结尾)。谢谢——:)很高兴你能成为朋友^^