前端使用history模式时需要在nginx中配置try_files,否则刷新页面会404,但是我配置了try_files之后有一个页面刷新还是会404,其他页面不会。nginx配置:
location / {
root /root/NFT-Store_Front;
try_files $uri $uri/ /index.html;
index index.html index.htm;
}
location /art {
proxy_pass http://127.0.0.1:9090;
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Scheme $scheme;
proxy_set_header X-Forward-For $proxy_add_x_forwarded_for;
}
刷新会404的页面url:http://192.168.xx.xx/artist/
原因:后端接口的前缀是/art,url中的artist被匹配为后端接口,因此会报错,在nginx中的"art"后加个"/"即可。
location /art/ {
proxy_pass http://127.0.0.1:9090;
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Scheme $scheme;
proxy_set_header X-Forward-For $proxy_add_x_forwarded_for;
}