Reactjs 如何在数字海洋上部署create react应用程序?
任何人请解释一下 我正在努力解决这个问题。我关注了这篇博文 但所有我得到的都是nginx的默认页面,或者现在在一些配置混乱之后,我得到了404NotFound错误 nginx内有两个floder 1)站点可用2)站点已启用 我不确定哪一个与此相关 我的配置是这样的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
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/
(添加/结尾)。谢谢——:)很高兴你能成为朋友^^