springboot如何使用vue打包过的页面资源

 更新时间:2019年12月09日 09:58:41   作者:护花使者  
这篇文章主要介绍了springboot如何使用vue打包过的页面资源,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

这篇文章主要介绍了springboot如何使用vue打包过的页面资源,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

(一)webpack打包

如果在vue基于webpack的,build打包后得到的是如下的资源文件:

webstorm中提示如下:

这个大致的意思就是这边的文件需要放在http服务器上访问,如果直接打开的话,无法生效。

道理也很简单,基本上这里面引的路径都是服务器的路径。

(二)后端springboot项目

将dist目录拷贝到resources目录下:

在 properties文件里面设置 spring.resources.static-locations=classpath:/dist

spring.resources.static-locations 的默认值是:classpath:/META-INF/resources/,classpath:/resources/,classpath:/static/,classpath:/public/

区别:spring.mvc.static-path-pattern,这个配置的意思是什么样的路径,才到spring.resources.static-locations中查找静态文件, 默认的配置就是/**,就是全部的路径

如:spring.mvc.static-path-pattern=/static/**, 当访问/static/css/demo.css时,会拿/css/demo.css到spring.resources.static-locations配置的目录中去查找。

测试下访问静态文件:

http://localhost:9999/static/css/app.30790115300ab27614ce176899523b62.css

可以返回。

访问index.html:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Java基础教程_判断语句if else

    Java基础教程_判断语句if else

    下面小编就为大家带来一篇Java基础教程_判断语句if else。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • SpringBoot Actuator未授权访问漏洞修复详解

    SpringBoot Actuator未授权访问漏洞修复详解

    这篇文章主要介绍了SpringBoot Actuator未授权访问漏洞修复详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • SpringBoot入门之集成Druid的方法示例

    SpringBoot入门之集成Druid的方法示例

    这篇文章主要介绍了SpringBoot入门之集成Druid的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • Java swing仿酷狗音乐播放器

    Java swing仿酷狗音乐播放器

    这篇文章主要为大家详细介绍了Java swing实现音乐播放器,Java开发图形界面程序音乐播放器仿酷狗音乐播放器,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • Fluent Mybatis快速入门详细教程

    Fluent Mybatis快速入门详细教程

    由于FluentMybatis是基于mybatis上做封装和扩展的,所以这里主要聊聊mybatis处理的方式,以及给出FluentMybatis的解放方案。对Fluent Mybatis入门相关知识感兴趣的朋友一起看看吧
    2021-08-08
  • 自定义类加载器以及打破双亲委派模型解析

    自定义类加载器以及打破双亲委派模型解析

    这篇文章主要介绍了自定义类加载器以及打破双亲委派模型解析,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-11-11
  • JDK动态代理步骤详解(源码分析)

    JDK动态代理步骤详解(源码分析)

    这篇文章主要介绍了JDK动态代理步骤详解,首先需要创建一个实现接口InvocationHandler的类,它必须实现invoke方法 ,最后通过Proxy的静态方法实现此操作,需要的朋友可以参考下
    2021-06-06
  • 深入学习java8 中的CompletableFuture

    深入学习java8 中的CompletableFuture

    本文主要介绍了java8中的CompletableFuture,CompletableFuture实现了CompletionStage接口和Future接口,前者是对后者的一个扩展,增加了异步回调、流式处理、多个Future组合处理的能力,使Java在处理多任务的协同工作时更加顺畅便利,下文需要的朋友可以参考一下
    2022-05-05
  • Java编码摘要算法实例解析

    Java编码摘要算法实例解析

    这篇文章主要介绍了Java编码摘要算法实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-01-01
  • MybatisPlus 自定义插件实现拦截SQL修改功能(实例详解)

    MybatisPlus 自定义插件实现拦截SQL修改功能(实例详解)

    这篇文章主要介绍了MybatisPlus 自定义插件实现拦截SQL修改功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2023-11-11

最新评论