Angular 13升级至16后部署出现MIME类型错误求助
Angular 13升级到16后Docker Nginx部署出现资源加载错误
我将Angular应用从13版本升级到16版本后,浏览器出现资源加载相关错误。应用部署在Docker容器的Nginx服务中,所有静态文件(index.html、main.js、polyfill.js、runtime.js等)均存放于/usr/share/nginx/html/目录下。
已确认信息
- Nginx配置已设置root指向
/usr/share/nginx/html/,且配置了SPA路由所需的try_files规则 - index.html中的
<base href>已按部署路径正确设置 - 浏览器能正常加载index.html,但同目录下的main、polyfill、runtime等JS文件加载失败
已尝试的排查动作
- 修改
angular.json中的baseHref、deployUrl配置项,重新构建部署 - 检查Docker镜像中文件完整性,确认所有静态文件已正确复制到目标目录
- 调整Nginx配置中的路径规则,尝试不同的location匹配方式
恳请各位帮忙定位问题原因。
内容的提问来源于stack exchange,提问作者Maximilian Schaller
相关产品推荐
相关产品推荐

