Asp.net core Swagger和.Net COre找不到custom.css

Asp.net core Swagger和.Net COre找不到custom.css,asp.net-core,swagger,Asp.net Core,Swagger,我已经用.NETCore3.0构建了一个API项目,添加了Swagger 5.rc4来显示API文档 我想自定义CSS,因此我在启动中添加了CSS。配置: app.UseSwaggerUI(c => { c.SwaggerEndpoint("/swagger/v1/swagger.json", "Geo API"); c.RoutePrefix = "docs"; c.DocumentTitle = "GeoData APIs"; c.DisplayRequ

我已经用.NETCore3.0构建了一个API项目,添加了Swagger 5.rc4来显示API文档

我想自定义CSS,因此我在启动中添加了CSS。配置:

app.UseSwaggerUI(c =>
{
    c.SwaggerEndpoint("/swagger/v1/swagger.json", "Geo API");
    c.RoutePrefix = "docs";
    c.DocumentTitle = "GeoData APIs";
    c.DisplayRequestDuration();
    c.EnableFilter();
    c.InjectStylesheet("/swagger-ui/custom.css");
});
我可以在localhost:8888/docs/index.html上看到招摇过市页面,但我无法让它加载custom.css

在我的项目中,我创建了一个包含custom.css文件的文件夹“swagger ui”,并设置为复制到输出目录。我可以正确地看到它,在我编译时的swagger ui文件夹中,在bin文件夹中,但无法从浏览器中看到它


我还添加了app.UseStaticFiles();但是没有任何变化。

您可以尝试以下步骤:

  • 创建Asp.NET核心Web API 3.0
  • 编辑csproj以添加以下参考:

    <PackageReference Include="Swashbuckle.AspNetCore" Version="5.0.0-rc4" />
    
  • 更改
    Startup.cs

    public class Startup
    {
        public Startup(IConfiguration configuration)
        {
            Configuration = configuration;
        }
    
        public IConfiguration Configuration { get; }
    
        // This method gets called by the runtime. Use this method to add services to the container.
        public void ConfigureServices(IServiceCollection services)
        {
            services.AddControllersWithViews().AddNewtonsoftJson();
            services.AddSwaggerGen(c =>
            {
                c.SwaggerDoc("v1", new OpenApiInfo { Title = "My API", Version = "v1" });
            });
    
        }
    
        // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
        public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
        {
            if (env.IsDevelopment())
            {
                app.UseDeveloperExceptionPage();
            }
            else
            {
                app.UseExceptionHandler("/Home/Error");
                // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
                app.UseHsts();
            }
            app.UseHttpsRedirection();
            app.UseStaticFiles();
    
            app.UseRouting();
    
            app.UseAuthorization();
            app.UseSwagger();
            app.UseSwaggerUI(c =>
            {
                c.SwaggerEndpoint("/swagger/v1/swagger.json", "Geo API");
                c.RoutePrefix = "docs";
                c.DocumentTitle = "GeoData APIs";
                c.DisplayRequestDuration();
                c.EnableFilter();
                c.InjectStylesheet("/swagger-ui/custom.css");
            });            
    
            app.UseEndpoints(endpoints =>
            {
                endpoints.MapControllerRoute(
                    name: "default",
                    pattern: "{controller=Home}/{action=Index}/{id?}");
            });
        }
    }
    

  • 您是否在webapi的wwwroot文件夹中创建了swagger ui文件夹?@haldo是的,在那里可以显示启动配置方法的顺序吗?路由前是否使用StaticFiles,最后是否使用UseSwaggerUI?
    public class Startup
    {
        public Startup(IConfiguration configuration)
        {
            Configuration = configuration;
        }
    
        public IConfiguration Configuration { get; }
    
        // This method gets called by the runtime. Use this method to add services to the container.
        public void ConfigureServices(IServiceCollection services)
        {
            services.AddControllersWithViews().AddNewtonsoftJson();
            services.AddSwaggerGen(c =>
            {
                c.SwaggerDoc("v1", new OpenApiInfo { Title = "My API", Version = "v1" });
            });
    
        }
    
        // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
        public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
        {
            if (env.IsDevelopment())
            {
                app.UseDeveloperExceptionPage();
            }
            else
            {
                app.UseExceptionHandler("/Home/Error");
                // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
                app.UseHsts();
            }
            app.UseHttpsRedirection();
            app.UseStaticFiles();
    
            app.UseRouting();
    
            app.UseAuthorization();
            app.UseSwagger();
            app.UseSwaggerUI(c =>
            {
                c.SwaggerEndpoint("/swagger/v1/swagger.json", "Geo API");
                c.RoutePrefix = "docs";
                c.DocumentTitle = "GeoData APIs";
                c.DisplayRequestDuration();
                c.EnableFilter();
                c.InjectStylesheet("/swagger-ui/custom.css");
            });            
    
            app.UseEndpoints(endpoints =>
            {
                endpoints.MapControllerRoute(
                    name: "default",
                    pattern: "{controller=Home}/{action=Index}/{id?}");
            });
        }
    }