- 首先,你需要有一个react项目。
- 进入项目目录,执行
npm run build
打包项目。打包后生成一个dist
目录,文件夹(取决于你的项目配置),这个文件夹里的静态文件,就是我们的项目的访问文件了。 - 如果Ubuntu没有安装nginx,执行
sudo apt-get install ngnix
安装ngnix。 - 配置Nginx,Linux服务器是进入到:/etc/nginx/sites-enabled,然后以管理员身份,新建一个你的react项目的配置文件,比如:react-demo.conf,然后,编辑文件:
server {
# 监听一个端口 映射到你的目录
listen 8080;
# 你dist存放的目录
root /home/your/dist/path;
}
- 执行
sudo service nginx restart
重启Nginx服务。 - 访问项目,http://IP:8080/。本机访问,http://localhost:8080/。
稍详细的配置可以看这篇文章,只是上面简单的一些已经可以工作了。
参考文章:React.js 项目部署