Swagger и .Net COre не могут найти custom.css

Question

Я создал проект API с помощью .Net Core 3.0, добавив Swagger 5.rc4 для отображения документации по API.

Я хочу настроить 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

В моем проекте ясоздал папку "swagger-ui", содержащую файл custom.css, и установил его для копирования в выходной каталог. Я правильно вижу его в папке swagger-ui, в папке bin, когда я компилирую, но нет способа увидеть его из браузера.

Я добавил также app.UseStaticFiles ();но ничего не изменилось.

Answer 1

Вы можете попробовать выполнить следующие шаги:

1. Создать Asp.NET Core Web API 3.0

2. Отредактируйте csproj, добавив ссылку ниже:

   <PackageReference Include="Swashbuckle.AspNetCore" Version="5.0.0-rc4" />
   

3. Добавить swagger-ui и custom.css к wwwroot с содержанием ниже:

   body {
       background-color:yellow
   }
   

4. Изменить 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?}");
           });
       }
   }