@vite/client 404 报错

前端项目是Vue3+Vite4+ant-design-vue4+Pinia+typescript构建的后台管理系统，在访问页面的时候有个get请求 http://localhost/sui/@vite/client 在浏览器中报404。如下图：

看 http://localhost/sui/@vite/client 请求的地址肯定是走了nginx代理，试了 IP + 端口 请求该请求是可以正常访问的。初步判断大概率是nginx代理的问题，报错时的nginx配置如下：

修改成

location /sui/ {
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header Host $http_host;
    proxy_pass  http://localhost:6678/sui/;
}

后可以正常访问，如下图：

原因？

location URI结尾带不带 /

URL 尾部的 / 表示目录，没有 / 表示文件

有关nginx配置location 指令分析请参考 zhuanlan.zhihu.com/p/137146854