nginx 静态资源重定向

在Web开发中，我们经常需要对静态资源进行重定向。例如将旧版本的CSS、JS文件重定向到新版本，或者将图片资源迁移到新的服务器上。通过Nginx配置可以很方便地实现静态资源的重定向。

解决方案

主要思路是利用Nginx的rewrite模块来匹配请求路径，并将其重定向到新的URL。可以通过简单的正则表达式规则，灵活处理各种重定向需求。下面几种常见的重定向场景及配置方法。

1. 单个文件重定向

如果只需要对单个文件进行重定向，可以在Nginx配置文件中直接指定：

nginx
server {
    listen 80;
    server_name example.com;</p>

<pre><code># 将特定文件重定向到新位置
location = /old/style.css {
    return 301 http://example.com/new/style.min.css;
}

}

这个配置会将对/old/style.css的访问永久重定向（301状态码）到/new/style.min.css。

2. 整个目录下的静态资源重定向

当需要将整个目录下的所有静态资源都重定向时，可以使用通配符和正则表达式：

nginx
server {
    listen 80;
    server_name example.com;</p>

<pre><code># 匹配/images/下所有资源并重定向到新域名
location ~* ^/images/(.*)$ {
    return 301 http://cdn.example.com/images/$1;
}

# 或者使用更简单的写法
rewrite ^/images/(.*)$ http://cdn.example.com/images/$1 permanent;

}

3. 根据条件重定向

有时候我们需要根据某些条件来进行重定向，比如只对特定浏览器或设备进行重定向：

nginx
server {
    listen 80;
    server_name example.com;</p>

<pre><code>set $redirect_url "";

if ($http_user_agent ~* "Mobile") {
    set $redirect_url http://m.example.com;
}

if ($redirect_url) {
    return 302 $redirect_url$request_uri;
}

# 正常处理其他请求
location /static/ {
    root /var/www/html;
}

}

4. 使用map指令优化重定向

对于复杂的重定向规则，可以使用map指令来简化配置：

nginx
http {
    map $request<em>uri $new</em>location {
        default "";
        ~/old/style.css /new/style.min.css;
        ~/old/script.js /new/script.min.js;
    }</p>

<pre><code>server {
    listen 80;
    server_name example.com;

    location / {
        if ($new_location) {
            return 301 $new_location;
        }
    }
}

}