Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
491 views
in Technique[技术] by (71.8m points)

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


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 已经改成了 '.' 了


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...