React项目部署到Ubuntu服务器

项目创建

npx create-react-app my-app

项目开发

建议采用Visual Studio Code 或者 Pycharm、WebStorm、Sublime Text进行开发调试。

构建生产版本

npm run build

部署到服务器（Ubuntu）

• 将构建生成的生产版本的所有文件（在build文件目录下）上传到服务器Ubuntu的合适位置下，例如在/var/www/html/my-app。

• 安装、配置Nginx

  编辑Nginx的配置文件（通常位于/etc/nginx/sites-available/），可以新建一个文件添加内容如下

    然后，创建一个到sites-enabled目录的符号链接，并测试配置文件是否有错误

• 更新防火墙设置（可能需要比如放行HTTP80和HTTPS443端口）

• 浏览器访问验证

• SSL证书（可选）

• 域名解析

完成以上步骤，React应用就算是部署好生产环境的版本了。

可能用到的其他命令：

cd /etc/nginx/sites-available

sudo vim react

i

:wq