配置根路径重定向
location / {
# 指定根目录为 /home/shieru/html。
root /home/shieru/html;
# 指定默认文件为 index.html。
index index.html;
# 根路径重定向到 /v3ts,并返回 301 永久重定向状态码。
rewrite ^/$ /v3ts permanent;
# 尝试匹配请求的文件或目录,如果都不存在则返回 404 错误。
try_files $uri $uri/ =404;
}
配置指定路径重定向
在使用 Vite 构建单页应用(SPA)时,如果应用使用了路由History模式,直接刷新页面可能会导致 404 错误。这是因为浏览器会尝试从服务器获取刷新后的路径,而服务器上并没有该路径对应的文件。 为了解决这个问题,可以在 Nginx 配置中添加一个 try_files 指令,确保所有未找到的路径都重定向到 index.html,从而让前端路由处理这些路径。
location /v3ts {
# 指定根目录为 /home/shieru/html/v3ts。
alias /home/shieru/html/v3ts;
# 指定默认文件为 index.html。
index index.html;
# 尝试匹配请求的文件或目录,如果都不存在则返回 /v3ts/index.html。
try_files $uri $uri/ /v3ts/index.html;
}