SpringMVC在做静态资源映射的时候需要注意的问题

向右看齐 2022-08-19 09:01 143阅读 0赞

# 发现问题 #

最近在开发一个小网站，需要支持在页面上播放视频资源（暂时没考虑流媒体服务器神马的，能正常播放就行）。于是在前端使用了HTML5的`video`标签。并且配合projekktor播放器来实现。因为还在开发阶段，视频资源的映射就直接交给SpringMVC本身了。

`video` 的src如`localhost:8080/web/resources/videos/aaaa.mp4` 这样。同时在Spring中配置`mvc:resources` 映即可。诡异的事情来了，O\_O……

在PC端浏览器打开的时候，视频可以正常播放，但是不能快进快退，使用移动设备iPhone之类的就连视频都播放不了。显示一个大大的叉。。。

# 问题查找 #

正好，之前同事有一套系统可以正常播放视屏，使用本地的projekktor直接播放远程资源发现一切正常。于是就排出了前端脚本的问题。

接下来对比了一下Http请求，在视频的Response中，发现了两个主要区别：1、context-type我这是’video/mp4;charshet=UTF-8’，而对方是’video/mp4’。2、对方的Response有range请求，而我的没有。

## context-type ##

charset是我的SpringMVC的web.xml中设置了forceEncoding=true，并且把URIEncoding设置为了UTF-8。因此我单独写了个Controller，输出测试文件，同时将response的context-type改为’video/mp4’。此时再次调用projekktor直接请求这个地址，得到了’video/mp4’的类型， 但是视频仍然无法正常播放。故排除该问题。

## range请求 ##

这几个问题在一开始我是没注意到的，之后经大牛点拨，让我直接使用浏览器访问视频资源，即”[http://localhost:8080/web/resources/…../aaaaa.mp4][http_localhost_8080_web_resources_.._aaaaa.mp4]“。然后再观察浏览器请求，发现我的服务器只有一个线程在载入资源，而对方服务器可以开启三个线程。因此可能是HTTP请求的处理不同。大牛说，用nginx直接处理静态资源而跳过Spring试试。于是上网查了查nginx部署，在这里也顺带写一下：

配置如下：

在默认配置下先做代理转发，将普通请求转发到8080，即交给Spring处理。将静态资源请求交给nginx映射(这里通过地址正则匹配)。

server {
        listen 80; #监听80端口
        location ^~ /web/resources/ {
            root:/home/myaccount/webrootl;#匹配路径中带有web/resources的请求由nginx映射
        }
         location / {
            proxy_pass:127.0.0.1:8080; #普通请求转发到Spring
        }
    }

重新启动项目，成功播放！

# 后续 #

虽然问题解决了，但是我也发现同事可以正常播放的系统也是在Spring上建立的，也没有使用nginx。但是那个系统不好看源码，因此我google了一下，发现是由于Spring3.x系统对于http byte request是不支持的，但是Spring4.2以后就支持了。如果要在Spring3的框架上实现该请求，则需要自己实现AbstractView。  
可以参考[Implementing HTTP byte-range requests in Spring MVC][]。如果不想实现这个View，还可以直接实现MultiPartFile的处理，详见:[How to Implement HTTP byte-range requests in Spring MVC][]，或者国内有一个博文：[Spring MVC大文件的断点续传（File Transfer Resume）][Spring MVC_File Transfer Resume]，写得是断点续传，其实是同一个问题。

[http_localhost_8080_web_resources_.._aaaaa.mp4]: http://localhost:8080/web/resources/...../aaaaa.mp4
[Implementing HTTP byte-range requests in Spring MVC]: http://datum-bits.blogspot.com/2013/01/implementing-http-byte-range-requests_30.html
[How to Implement HTTP byte-range requests in Spring MVC]: http://stackoverflow.com/questions/28427339/how-to-implement-http-byte-range-requests-in-spring-mvc
[Spring MVC_File Transfer Resume]: http://rensanning.iteye.com/blog/2248760