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. 然后重启你服务器，在浏览器打开发现就可以了
登录
请登录后再发表评论。
评论列表:
目前还没有人发表评论