Nginx配置调整：允许Vite路径访问解决本地开发403错误

直接在原有Nginx配置的server块中，添加一条优先匹配/.vite/路径的规则，允许该路径的访问，同时保留原有对其他隐藏路径的安全限制：

# 优先放行Vite开发所需的/.vite/路径
location ^~ /.vite/ {
    allow all;
}

# 保留原有安全规则：阻止除.well-known外的所有隐藏路径
location ~ /\.(?!well-known) {
    deny all;
}

配置说明 #

1. ^~修饰符：让Nginx优先匹配该location规则，不会再去匹配后续的正则location（即那条deny规则），确保/.vite/路径能被正常访问。
2. 原有安全规则保留：除了/.vite/和.well-known外，其他带点的隐藏路径（比如.git/、.env等）依然会被阻止，避免敏感文件暴露。
3. 适配Vite开发模式：该配置仅针对开发环境的Vite临时依赖路径，生产环境下Vite会打包所有资源，不会存在/.vite/路径，无需担心生产环境安全问题。

验证方法 #

修改配置后重启Nginx，访问自定义域名下的Vite项目：

• 检查/node_modules/.vite/deps/vue.js这类资源的HTTP状态码应为200
• 浏览器控制台不再出现MIME类型错误，项目可正常加载

内容的提问来源于stack exchange，提问作者dizon.ben