nginx部署react项目，三层路由失效。

Question

server {

listen 3456;

server_name localhost;

location /mfPageA {

alias /Users/penggeng/myProject/microservice-practice/project-a/build;

index index.html;

try_files $uri $uri/ /mfPageA/index.html;

}

location /entry {

alias /Users/penggeng/myProject/microservice-practice/entry/build;

index index.html;

try_files $uri $uri/ /entry/index.html;

}

location /mfPageB {

alias /Users/penggeng/myProject/microservice-practice/project-a/build;

index index.html;

try_files $uri $uri/ /mfPageB/index.html;

}

location @fallback {

rewrite .* /index.html break;

}

error_page 500 502 503 504 /50x.html;

location = /50x.html {

root html;

}

}

三层路由本地开发webpack dev server 启动没问题。
脚手架是create-react-app publicpath 已经改成了 '.' 了

Answer 1

破案了。alias后面没加’/‘

Answer 2

1. nginx 会有 error log 日志。看一下请求打到哪里了
2. 如果页面可以，资源不可以，很大几率是你的 publicpath 已经改成了 '.' 了 没改生效