求助：Angular 6项目在Visual Studio 2017 Community中运行时无法刷新

我之前在多项目解决方案里碰到过完全一样的情况——.NET Core 2 WebAPI加Angular 6，首次运行页面正常，一按Ctrl+F5或F5刷新就卡在默认的loading文本，折腾了好几个小时才搞定，给你分享几个靠谱的解决思路：

1. 修复.NET Core的路由回退配置（最常见原因） #

刷新时浏览器会直接向服务器请求当前URL，但Angular的路由是前端路由，服务器没有对应路由会返回404，导致Angular无法正常加载。你需要在.NET Core的Startup.cs里配置回退规则，把所有非API的请求指向Angular的index.html：

在Configure方法中，一定要放在app.UseMvc()之后添加这段代码：

app.Use(async (context, next) =>
{
    await next();
    // 如果是404且不是静态文件请求，重定向到index.html
    if (context.Response.StatusCode == 404 && !Path.HasExtension(context.Request.Path.Value))
    {
        context.Request.Path = "/index.html";
        await next();
    }
});

如果你是用VS的Angular模板创建的项目，也可以用UseSpa中间件处理，确保配置正确：

app.UseSpa(spa =>
{
    spa.Options.SourcePath = "ClientApp"; // 你的Angular项目路径

    if (env.IsDevelopment())
    {
        spa.UseAngularCliServer(npmScript: "start");
    }
});

2. 检查代理配置与端口冲突 #

如果单独启动Angular时用的是默认端口（比如4200），而.NET Core用的是另一个端口，刷新时可能请求到错误的服务器。解决办法：

• 确保proxy.conf.json配置正确，把API请求转发到.NET Core的端口：

{
  "/api/*": {
    "target": "http://localhost:5000", // 你的.NET Core服务端口
    "secure": false,
    "changeOrigin": true
  }
}

• 在angular.json的serve配置里指定代理文件：

"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "options": {
    "browserTarget": "your-app-name:build",
    "proxyConfig": "proxy.conf.json"
  }
}

• 启动项目时，要么同时启动两个项目，要么让Angular通过代理访问API，避免跨域或路由混乱。

3. 清除浏览器缓存或禁用缓存 #

有时候旧的缓存文件会导致刷新异常：

• 直接清除浏览器缓存（Ctrl+Shift+Delete），选择清除缓存文件；
• 在Angular的index.html里添加禁用缓存的meta标签：

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

• 在angular.json的serve选项里添加配置，禁用开发环境缓存：

"serve": {
  "options": {
    "disableHostCheck": true,
    "liveReload": true
  }
}

4. 调整VS2017的调试设置 #

有时候VS的调试选项会干扰Angular的刷新：

• 打开Angular项目的属性，进入“调试”选项卡，取消勾选“启用JavaScript调试”；
• 检查多启动项目的顺序，确保.NET Core和Angular的启动顺序合理（比如先启动.NET Core，再启动Angular）。

先从路由回退配置开始排查，这是我当时解决问题的关键，希望这些方法能帮到你！

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