使用vuecli开发的项目不想配前后台分离、不想配nginx咋办？

使用vuecli开发的项目不想配前后台分离、不想配nginx咋办？

vue是一个单页面框架，直接使用html引入vue文件的方法开发太费事，但使用使用vuecli编写的项目打包后又要配置nginx，如果不想配置nginx，不想实现前后台分离，就想一个项目直接跑起来，该咋办？方法如下：

1.把vuecli编译的文件夹dist复制到下图目录处：

2. 配置方法

在WebMvcConfigurationSupport的配置类中，配置如下即可：

@Configuration
public class WebConfig extends WebMvcConfigurationSupport {
    /**
     * 视图控制器配置
     *
     * @param registry
     */
    @Override
    protected void addViewControllers(ViewControllerRegistry registry) {
        registry.addViewController("/").setViewName("../dist/index");//默认视图跳转,打开dist/index.html
    }
    /**
     * 静态资源配置
     * 
     * @param registry
     */
    @Override
    protected void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/mapper/**").addResourceLocations("classpath:/mapper/");
        //配置静态资源映射，将css请求映射到/dist/css/目录下
        registry.addResourceHandler("/css/**").addResourceLocations("classpath:/dist/css/");
         //配置静态资源映射，将js请求映射到/dist/js/目录下
        registry.addResourceHandler("/js/**").addResourceLocations("classpath:/dist/js/");
        registry.addResourceHandler("/fonts/**").addResourceLocations("classpath:/dist/fonts/");
        registry.addResourceHandler("/img/**").addResourceLocations("classpath:/dist/img/");
    }

3，在maven中添加thymeleaf依赖

<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency>