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

這樣就結束了，配置好測試一下效果