react 项目部署nginx 配置问题（部署在子目录下）

部署到nginx根目录

package.json 中的 homepage

 

 

 打包文件放置目录：

 

 

nginx配置：

    server {
        # 端口号
        listen       80;
        server_name  localhost;
        location / {
            root   html;
            index  index.html index.htm;
            try_files $uri /index.html;
        }
    }

 

当放置到子目录时

(这里以admin子目录为例)：

package.json 中的 homepage

 

  打包文件放置目录：

 

 nginx配置：

    server {
        # 端口号
        listen       5000;
        server_name  localhost;
        location /admin {
            root   admin;
            index  index.html index.htm;
            try_files $uri /admin/index.html;
        }    
    }

假如访问登录页： www.xxx.com/admin/login

这样就结束了，配置好测试一下效果