2023-10-31 06:12PM
1. 在 React 项目的根目录,运行这个命令:
$ npm run build
或者,如果你使用的是Yarn包管理器:
$ yarn build
这将在项目的 build 目录中生成优化和压缩的生产就绪文件。
2. 传输文件:
scp -r build/ user@server_ip:/path/to/destination
其中,build/
是你的React项目的build
目录,user
是你的服务器用户名,server_ip
是服务器的IP地址,/path/to/destination
是你希望将文件传输到的目标路径。
3. 配置服务器:
1) 安装Node.js
sudo apt update
sudo apt install nodejs
sudo apt install npm
2) 安装Nginx
sudo apt update
sudo apt install nginx
3) 打开 /etc/nginx/sites-enabled 文件,将文件修改为下面的内容:
server {
listen 80;
server_name your_domain;
charset utf-8;
location / {
root /tmp/build; #你的真实路径
}
}
4)使用下面这个命令,来测试Nginx配置文件的语法是否正确
$ nginx -t
如果返回OK,就显示没有问题:
# nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful
5)然后重启 nginx
先暂停
nginx -s stop
再重启
nginx
4. 然后重启你服务器,在浏览器打开发现就可以了
登录
请登录后再发表评论。
评论列表:
目前还没有人发表评论