使用Nginx部署后,页面可正常使用路由跳转,刷新后404问题,如下图
正常然后刷新后,如下图:
这个问题是nginx配置问题:
server {
listen 80;
server_name www.xxxxxxxxx.com;
charset utf-8;
location / {
root C:\\nginx2/html/dist1;
index index.html index.htm;
try_files $uri $uri/ /index.html; # 关键代码,加入后不再404
}
location /prod-api/ {
proxy_pass http://localhost:xxx/;
} }
解决方法:
加入 try_files 表示检索路由文件是否存在,返回第一个找到的文件,index.html为内部重定向。