第一次部署项目,在部署react时,页面访问空白页,请求不到资源,花了几个小时时间也没有搞定,最后终于解决了,写博客纪念一下
打包react项目
npm run build
将生成的build文件夹拷贝到服务器任何一个位置,假如这个位置是path
比如,我的位置是
/usr/springboot/build
配置Nginx
首先得安装Nginx,这里不做介绍,最简单的方法采用宝塔面板安装,最关键的一步就是修改Nginx的配置文件,一般配置文件的路径为
nginx安装路径/nginx/conf/nginx.conf
比如,我的路径是:
/www/server/nginx/conf
修改该文件,在server部分添加如下部分,如果原来的serve里面有冲突了,可以删掉之前的
server:{
listen 80;
listen [::]:80;
server_name 106.15.184.199;
root /usr/springboot/build;
index index.html index.htm;
location /
{
try_files $uri $uri/ =404;
}
}
重启nginx生效,重启nginx的方法是进入nginx/sbin文件夹,执行以下命令
[root sbin]# ./nginx -s reload
打开网页
http://ip地址/路径