spring boot 配置静态html,js,css文件,访问服务器主页为html

首先转一个spring boot的application配置文件的属性详解:https://blog.csdn.net/lpfsuperman/article/details/78287265本文大部分属性详情都是从此文中得知,感谢作者的翻译。

首先我们的项目是前后端分离的,前端所使用的vue,先把他npm run build打包,然后把打包好的html,js,css文件放入到项目的resources文件下,如图我在resources下新建了一个static文件夹。

然后我们就可以在application.yaml中配置spring boot引入静态文件的相关配置了,代码如下

server: 
    port: 8080
    contextPath: /
    address: hello.com
spring:
    mvc:
        static-path-pattern: /**
    view:
        prefix: /static/
        suffix: .html
resources:
    static-locations: classpath:/static/
#默认值为 classpath:/METAINF/resources/,classpath:/resources/,classpath:/static/,classpath:/public/
优先级也是这么排的,优先classpath:/METAINF/resources/

然后输入http://hello.com:8080就可以直接访问你放入的html页面了

*留有一个问题,serve.servelet.context-path: /zf/**   这样写就不对,输入http://hello.com:8080/zf  并不能访问主页,但是可以加载js和css

处理问题,如果想实现http://hello.com:8080/admin/index.html的访问形式,那么在static下面加一个admin文件夹(里面有index.html)就行了,再一vue中的路径地址设置参考:https://blog.csdn.net/qq_35167373/article/details/80671346

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值