VS2022调试Web项目localhost拒连、页面图片无法加载问题

各问题对应原因与解决方法 #

1. VS2022启动短暂显示「未响应」 #

• 该现象属于启动阶段的正常加载表现：VS启动时会扫描已安装扩展、初始化调试组件、绑定IIS Express端口、索引上次打开的项目文件，短时间占用资源过高就会触发系统的未响应提示，等待后加载完成即可恢复正常。
• 若要缩短等待时长，可以打开「扩展-管理扩展」，禁用日常开发不用的第三方扩展，同时在VS选项里设置「启动时不打开上次未关闭的项目」即可。

2. IE访问本地调试页提示localhost拒绝连接 #

• IE已正式停止技术支持，默认对localhost的非标准端口（即配置的5001、44324端口）存在内置安全拦截，无法正常适配现代ASP.NET Core的本地调试逻辑。
• 直接使用Chrome、Microsoft Edge作为调试浏览器即可，无需额外调整配置。

3. Chrome/Edge页面主体正常但图片全部加载失败 #

• 控制台返回的Not allowed to load local resource是浏览器同源安全策略的默认限制：运行在HTTP/HTTPS协议下的网页，禁止直接通过file://协议加载用户本地磁盘的文件，避免恶意网页随意读取用户磁盘数据。
• 当前img标签直接写了本地磁盘绝对路径C:\Users\user\source\repos\...，触发了该安全拦截，这也是所有本地Web项目都复现问题的核心原因，和IIS、端口、VS配置无关，之前尝试的改端口、重装IIS Express、删.vs文件夹等操作均不匹配问题根因，因此无法解决。
• 按以下步骤修复即可：
  1. 将存放图片的Images文件夹整体移动到Web项目的wwwroot目录下，ASP.NET Core默认仅对外暴露wwwroot目录下的静态资源访问权限，放在其他目录的文件无法通过Web服务路径访问。
  2. 修改所有img标签的src属性，将本地绝对路径替换为Web相对路径，修改后的代码示例：

<div class="text-center">
<h1 class="display-4">Seans Honda Dealership</h1>
</div>
<div class="row">
<div id="image1" class="flex-column">
    <a href="/Crx">
        <img src="~/Images/Crx.jfif" class="rounded" alt="Crx车型" width="350" height="225">
    </a>
</div>
<div id="image2" class="flex-column">
    <a href="/Eg6">
        <img src="~/Images/Eg6.jfif" class="rounded" alt="Eg6车型" width="350" height="225">
    </a>
</div>
<div id="image3" class="flex-column">
    <a href="/Integra">
        <img src="~/Images/Integra.jfif" class="rounded" alt="Integra车型" width="350" height="225">
    </a>
</div>
</div>

代码中~/是Razor语法的Web根路径标识，运行时会自动映射为wwwroot目录对应的HTTP访问路径，最终生成的资源地址为/Images/xxx.jfif这类相对Web路径，由Web服务返回资源内容，不会触发本地文件加载拦截。
3. 检查项目的Program.cs（.NET 6+）或Startup.cs（.NET 5及更早版本），确认已添加静态文件中间件配置，默认创建的项目会自带该行配置，若被误删请补在路由、授权中间件之前：

app.UseStaticFiles();

4. 重新启动调试即可正常加载所有图片资源。

内容的提问来源于stack exchange，提问作者SeanMcP