zoukankan      html  css  js  c++  java
  • 【转】Spring Boot之如何配置静态资源的地址与访问路径

    使用前端框架例如React、Vue等开发完成的项目,如何集成到后端项目后一起部署到服务器上呢?这就涉及到了在后端项目中如何配置静态资源的地址与访问路径,下面将为大家详细介绍。

            React项目打包完成的结构,如下:

            

            Spring Boot项目的结构,如下:

            

    Spring Boot默认的静态资源文件配置:

     private static final String[] CLASSPATH_RESOURCE_LOCATIONS = {

    "classpath:/META-INF/resources/", "classpath:/resources/",

    "classpath:/static/", "classpath:/public/" };        

            默认的静态资源文件夹:为static/public,遵循spring boot默认规则,基本可以满足我们大部分的需求了。

    如果我们需要自定义,这里提供两种方法:

    1:application.properties方法

    这里的static可以换成你对应的文件夹名字

     

    如:build

     

    对应路径如下:

     

    访问路径:

    http://localhost:8080/build/index.html

    2:重写 WebMvcConfigurerAdapter配置

    package com.envision.mobile.service.utils; 

    import org.springframework.context.annotation.Configuration;
    import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
    import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;

    @Configuration
    public class ReactWebAppConfig extends WebMvcConfigurerAdapter {
        @Override
        public void addResourceHandlers(ResourceHandlerRegistry registry) {
            registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");
            super.addResourceHandlers(registry);
        }
    }

    上面具体的个性配置,也一样,修改对应的ResourceHanders与ResourceLocations即可。

    原文链接:https://blog.csdn.net/tiangongkaiwu152368/article/details/80844647

  • 相关阅读:
    ps中套索工具怎么使用的方法
    动态加载css方法实现和深入解析
    深入React事件系统(React点击空白部分隐藏弹出层;React阻止事件冒泡失效)
    近期项目中用到的一些自己写的或者整理而成的前端效果干货(********************************)
    Vue.js自定义指令的用法与实例
    vue初探
    React Router基础使用
    javascript常用积累
    js动画(三)
    基于jQuery的ajax系列之用FormData实现页面无刷新上传
  • 原文地址:https://www.cnblogs.com/UUUz/p/12195387.html
Copyright © 2011-2022 走看看