使用nginx部署React项目

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用nginx部署React项目相关的知识,希望对你有一定的参考价值。

参考技术A 在package.json里添加 "homepage": "." ,如下

然后在添加 basename

完成这两步后执行 yarn build 打包,生成build目录。

把build目录上传到服务器的某个目录,比如 /usr/local/var/www 目录下,
然后在nginx.conf里添加

执行 nginx -s reload 刷新,在页面打开 http://153.100.71.119/app ,即可访问页面。

以上是关于使用nginx部署React项目的主要内容,如果未能解决你的问题,请参考以下文章

docker部署react项目

在服务器中使用Nginx部署打包的Vue项目

将react项目打包成静态页面部署到nginx服务器

使用 Nginx 和 Docker 部署 React 和 Django

记第一次配置nginx并部署自己的react小玩意

nginx 部署多个前端vue项目的3种方式,一篇文章搞定