swagger-ui.html报错404,解决办法!现在后端开发项目中,为了节省时间,使用swagger插件,可以方便的快捷生成接口文档。但是如果你在请求前端页面路径比如:http://127.0.0.1:7777/swagger-ui.html。找不到。那是因为你的配置类里面缺少配置信息。
打开你的swagger。配置类。在里面添加如下内容。
首先,你需要实现接口
WebMvcConfigurer
,重写它里面的一个方法
addResourceHandlers
package com.blog.config;import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.EnableWebMvc;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
import springfox.documentation.builders.ApiInfoBuilder;
import springfox.documentation.builders.PathSelectors;
import springfox.documentation.builders.RequestHandlerSelectors;
import springfox.documentation.service.ApiInfo;
import springfox.documentation.spi.DocumentationType;
import springfox.documentation.spring.web.plugins.Docket;
import springfox.documentation.swagger2.annotations.EnableSwagger2;@EnableWebMvc
@EnableSwagger2
@Configuration
public class SwaggerConfig implements WebMvcConfigurer {@Overridepublic void addResourceHandlers(ResourceHandlerRegistry registry) {registry.addResourceHandler("/**").addResourceLocations("classpath:/static/");registry.addResourceHandler("swagger-ui.html").addResourceLocations("classpath:/META-INF/resources/");registry.addResourceHandler("/webjars/**").addResourceLocations("classpath:/META-INF/resources/webjars/");WebMvcConfigurer.super.addResourceHandlers(registry);}@Beanpublic Docket createRestApi() {return new Docket(DocumentationType.SWAGGER_2).apiInfo(apiInfo()).select().apis(RequestHandlerSelectors.basePackage("com.blog.controller")) // 注意修改此处的包名.paths(PathSelectors.any()).build();}private ApiInfo apiInfo() {return new ApiInfoBuilder().title("前端接口列表 v1.1.0") // 任意,请稍微规范点.description("前端项目接口测试") // 任意,请稍微规范点.termsOfServiceUrl("http://127.0.0.1:7777/swagger-ui.html") // 将“url”换成自己的ip:port.contact("laoyang") // 无所谓(这里是作者的别称).version("1.1.0").build();}}
。这样,就可以让你的swagger正常启动起来了。
在springboot项目中,你可以在2个地方启动swagger插件。一个是在主启动类上加注解。
一个是使用swagger配置类。2个都同时配置了,也没事。不影响代码正常执行。
如图,我的主启动类加上了这个注解。