GET http://localhost:18086/css/all.css:浏览器无法访问项目下的静态资源

在做畅购商城项目时，浏览器无法访问项目下的静态资源,报错信息如下图所示。老师只提了一个可能原因：不能用相对路径href="./css/all.css"，改为绝对路径href="/css/all.css"。

当然这只是其中之一问题，查看项目代码发现target目录下没有生成静态资源的文件夹，静态资源也就无从访问。这种问题在之前的博客也有介绍，碰到好几次了，调试bug需要耐心和积累，急躁不得。

解决办法: 加入resources约束

<resources><resource><directory>src/main/resources</directory><includes><include>**/*.yml</include><include>**/*.properties</include><include>**/*.xml</include><include>**/*.html</include></includes><filtering>false</filtering></resource><resource><directory>src/main/resources/static</directory></resource>
<resources>

如下图所示，静态资源成功编译到target目录。

至此，问题还是没有解决。百度,谷歌都是类似的答案，没有解决，一晃一个下午就过去了，想死的心都有了！无奈之下，又只能用匹配大法，github上code了一个可以跑的springboot结合thymeleaf的案例，图片资源拷贝到该案例工程，可以成功运行！

比对之下发现，错误原因在于自己没有指定项目路径，项目工程无法根据href="/css/all.css"生成静态资源的绝对路径。在application.properties配置文件中加入如下代码即可：

# Path to project 指定项目路径
project.base-dir=file:///D://project//workspace65//changgou//springboot-thymeleaf
# Templates reloading during development
spring.thymeleaf.prefix=${project.base-dir}/src/main/resources/templates/
spring.thymeleaf.cache=false
# Static resources reloading during development
spring.resources.static-locations=${project.base-dir}/src/main/resources/static/

以上为application.properties配置，可以自行转换为application.yml配置加入自己的项目中，以下是搜索web微服务application.yml完整配置。

server:port: 18086
eureka:client:service-url:defaultZone: http://127.0.0.1:7001/eurekainstance:prefer-ip-address: true
feign:hystrix:enabled: trueproject.base-dir: file:///D://project//workspace65//changgou//changgou-parent//changgou-web//changgou-web-search
# Templates reloading during development
spring:thymeleaf:cache: falseprefix: ${project.base-dir}/src/main/resources/templates/application:name: search-webmain:allow-bean-definition-overriding: true# Static resources reloading during developmentresources:static-locations: ${project.base-dir}/src/main/resources/static/

至此，又可以愉快地撸商城项目了！

GET http://localhost:18086/css/all.css:浏览器无法访问项目下的静态资源相关推荐

springboot开发中resources下的静态资源css,html,js等实时生效(热更新)
在springboot项目开发过程中,遇到在resources文件下的静态资源的修改,必须要重启项目才能生效问题,做如下操作.\ 1.修改settings 2.修改registry(快捷键 Shift ...
Spring-Boot：写出来的网站访问不到静态资源？怎样通过url访问SpringBoot项目中的静态资源？localhost:8989/favicon.ico访问不了工程中的图标资源？
Spring-Boot:Spring-Boot写出来的网站访问不到静态资源?怎样通过url访问SpringBoot项目中的静态资源?localhost:8989/favicon.ico访问不了工程中的 ...
SpringBoot项目下resources文件夹下的静态资源浏览器无法访问
IDEA中新建的spring boot项目resources文件夹(标注的)下的路径按道理讲,路径不需要在配置文件中配置,因为该文件夹下,默认自动识别. 但是我从外边复制了一个index.html文件 ...
配置nginx作为静态资源服务器 css,js,image等资源直接访问
1.传统的web项目,一般都将静态资源存放在 webroot 的目录下,这样做很方便获取静态资源,但是如果说web项目很大,用户很多,静态资源也很多时,服务器的性能或许就会很低下了.这种情况下一般都 ...
SpringBoot访问静态资源文件（css、js、images）
(1)引入静态资源时,错误解决方法在做SpringBoot访问静态资源文件(css.js.images)时候,发现总是报错: 以为是路径中没有添加static,所以路径又添加static,再次访问如 ...
springboot配置启动后自动打开浏览器访问项目
springboot配置项目启动后自动打开浏览器访问项目有时候在单机部署,或者项目没有在IDea 开发工具中运行(idea可以自动打开tomcat项目),需要项目启动后自动打开浏览器访问项目,配置方 ...
vue商城项目开发：浏览器自动访问、路由样式修改及定义和导入组件
浏览器自动访问项目根目录增加vue.config.js配置文件,写入如下内容路由样式组件定义及导入
nginx配置静态资源，重新发布后，浏览器缓存导致异常原因和解决
原因: nginx作为静态资源服务器,重新构建后发生浏览器页面直接取缓存中的js等文件名,但是由于服务器中文件已经被替换导致出现异常. 浏览器在下次请求这个资源的时候不会将请求发向后端,而是直接从缓存 ...
css元素与浏览器边框,别具光芒CSS属性、浏览器兼容与网页布局
别具光芒CSS属性.浏览器兼容与网页布局语音编辑锁定讨论上传视频上传视频 <别具光芒CSS属性.浏览器兼容与网页布局>是2008年人民邮电出版社出版的图书.该书结合大量范例与实 ...

GET http://localhost:18086/css/all.css:浏览器无法访问项目下的静态资源

GET http://localhost:18086/css/all.css:浏览器无法访问项目下的静态资源相关推荐

最新文章

热门文章