您现在的位置是:首页 > 正文

将前端代码布置到服务器端后找不到静态资源

2024-04-01 03:23:59阅读 0

将前端页面代码布置到服务器SpringMVC后,经常出现静态资源找不到的问题。
首先,应该设置springMVC,使其不要拦截静态资源。在springMVC的配置文件中添加如下代码:

<mvc:annotation-driven />
<mvc:resources location="/image/" mapping="/image/**"/>
<mvc:resources location="/css/" mapping="/css/**"/>
<mvc:resources location="/js/" mapping="/js/**"/>

这时,静态文件就可以被访问了。但是有时候会出现如下所示的错误:

在eclipse中显示的错误提示信息

在浏览器端看到效果就是部分资源无法访问,如下图,标号2处的小图片没有正常显示,按F12,在控制台中可以得到错误提示信息,如图:

浏览器端的错误信息提示

错误信息的意思是:通过给定的URI不能访问到相应的资源。
注意到访问路径http://localhost:8080/orderlist/images/pro_img/green_one.jpg 中多了/orderlist/这一层,如果在地址栏中去掉/orderlist/后就可以访问到该资源,如下图:

这里写图片描述

所以,很显然问题就出在访问路径上。

打开Controller文件,可以看到@Controller下面的@RequestMapping(“/orderlist”),如图:

Controller代码

问题就出在这里,由于这里设置了路径,所以页面跳转或者获取资源的时候路径里都带有/orderlist/,干扰了静态资源的获取,将@Controller下的@RequestMapping(“/orderlist”)改为@RequestMapping(“/”),这个时候访问路径就能正常获得资源了。

正确显示

本文中用到的页面代码来自《锋利的jQuery》,谢谢该书作者的分享。

网站文章

  • 脚本forfiles(文件的查找和删除)

    脚本forfiles(文件的查找和删除)

    显示当前目录下的内容 不在要查找的目录上 -p:指定的路径 forfiles /p F:\data /m 查找的文件名掩码 forfiles /p F:\data -m *.pdf 查找不同类型的文件...

    2024-04-01 03:23:52
  • 动态播放幻灯片 计算机教案,小学信息技术《动态播放幻灯片-设置幻灯片文字的动画效果》教案...

    动态播放幻灯片 计算机教案,小学信息技术《动态播放幻灯片-设置幻灯片文字的动画效果》教案...

    一、教学目标1.能独立设置幻灯片文字的动画效果,合理选择动画效果。2.通过小组合作设置有个性的动画效果,锻炼学生的合作探究能力以及创新精神。3.通过本节课的学习,体会成功的喜悦,增强自信心,激发学生对...

    2024-04-01 03:23:10
  • storj简介

    storj简介

    概述Storj,这是来自美国StorjLabs公司旗下的项目,是在2014年首次被提出的,总共做了两次募资,第一次众筹了约50万美元,在上线测试版之后也就是2017年又进行了一次1CO,这次共筹得了约...

    2024-04-01 03:23:02
  • No value specified 报错

    今天遇到了 No value specified 这个问题:在控制台报了这样的错误:org.apache.commons.beanutils.ConversionException: No value specified at org.apache.commons.beanutils.converters.BigDecimalConverter.convert(BigDecimalC

    2024-04-01 03:22:56
  • 服务器安装nginx

    服务器安装nginx

    第二篇文章,安装nginx和ssl证书

    2024-04-01 03:22:50
  • 音视频之——FFmpeg教程(二)——Windows10下搭建nginx-rtmp流媒体服务器

    音视频之——FFmpeg教程(二)——Windows10下搭建nginx-rtmp流媒体服务器

    前言前一篇我们知道了如何配置FFmpeg开发环境,接下来,就开始简单的推流吧。说道推流前,我们要知道常用的几个直播推流协议。直播推流协议在搭建服务之前先了解下目前主流的几个直播协议:RTMP:实时消息传输协议,Real Time Messaging Protocol,是 Adobe Systems 公司为 Flash 播放器和服务器之间音频、视频和数据传输开发的开放协议。协议基于 ...

    2024-04-01 03:22:07
  • 引用数据类型_Java基础数据类型和引用类型的区别

    引用数据类型_Java基础数据类型和引用类型的区别

    一、数据类型Java中的数据类型分为两大类,基本数据类型和引用数据类型。1、基本数据类型基本数据类型只有8种,可按照如下分类 ①整数类型:long、int、short、byte ②浮点类型:float、double ③字符类型:char ④布尔类型:booleanNo.数据类型大小/位可表示数据范围默认值1byte(字节型)8-128~12702short(短整型)16-32768~32...

    2024-04-01 03:21:59
  • MySQL查询优化

    MySQL查询优化

    表数据皆为随机生成,身份证号、手机号、姓名、微信号等若有相同,纯属巧合。生成的数据仅用于测试说明问题,不必理会合理性。2.1.1、【用户表】t_user数据量:150w。

    2024-04-01 03:21:52
  • MySQL JDBC编程

    MySQL JDBC编程

    简单介绍了JDBC编程及对功能进行了封装。

    2024-04-01 03:21:11
  • 系统架构与高可用

    系统架构与高可用

    前言 简单聊聊博主的背景吧,博主是Java开发,刚毕业就来到这个刚创立的公司(当然是有一点背景的),公司开发人数从80来人到现在的430人,期间系统进行多次调整。 而我除了写代码业务实现外,刚好有机会接触了一些类似架构、运维、以及新系统初期设计讨论的工作,这大大满足了我的好奇心,这是幸运的。 我大部分的知识是从工作中学习到的,开始知识点是零散,喜欢做笔记,一旦遇到我们没有听过的技术名词或者业...

    2024-04-01 03:21:04