asp.net-core - Vue + ASP.NET Core Web API 中的自定义目录名称

Question

请帮我配置我的 vue 应用程序。我想通过 ASP.NET Core Web API 使用 Vue。

这就是我所做的：

启动.cs

public void ConfigureServices(IServiceCollection services)
{
    services.AddControllers();
    services.AddSpaStaticFiles(options => options.RootPath = "Client/Dist");
}

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    app.UseRouting();

    app.UseEndpoints(endpoints =>
    {
        endpoints.MapControllerRoute(
            name: "api",
            pattern: "api/{controller}/{action}/{id?}");
    });

    app.UseSpaStaticFiles();
    app.UseSpa(x => { x.Options.SourcePath="Client/Dist"; });
}

然后我用 vue-cli 创建了 vue 应用程序。我选择了 json 包中内置的配置。然后我重命名了目录：

我将这些行放入 package.json

"vue": {
  "pages": {
    "index": {
      "entry": "Sources/Index.ts",
       "template": "Public/Index.html",
       "filename": "index.html"
      }
    },
  "outputDir": "Dist"
}

构建过程是成功的，但是

1. Favicon.icoDist构建后未复制到文件夹
2. 在浏览器中只有白屏。控制台没有任何错误，所有请求都成功。Vue 只是不向根节点添加任何内容 ( <div id ="app">)

我认为，问题出在我的自定义文件名中，我不知道应该在配置中添加什么来解决这个问题

标签： asp.net-corevuejs3