在现代互联网应用中，为了提高访问速度、减轻服务器压力以及增强用户体验，许多网站选择将静态资源（如图片、视频、CSS和JavaScript文件）存储在内容分发网络（CDN）上，Nginx作为一个高性能的HTTP和反向代理服务器，可以有效地管理这些静态资源的跳转，本文将详细介绍如何使用Nginx配置静态资源跳转到CDN。

什么是CDN？

为什么使用Nginx跳转CDN？

1、提高加载速度：CDN能将内容缓存到离用户最近的节点，显著提高静态资源的加载速度。

2、减轻服务器压力：通过将静态资源请求转移到CDN，源站服务器的压力得以减轻，能够专注于处理动态请求。

3、增强可靠性：即使源站服务器出现故障，用户依然可以通过CDN访问缓存的资源，提高了网站的可靠性。

4、改善用户体验：快速的静态资源加载速度和高可用性使得用户体验更加流畅。

配置前的准备工作

1、确保已安装Nginx：如果尚未安装，请使用以下命令进行安装：

```bash

sudo apt-get update

sudo apt-get install nginx -y

```

2、购买或选择一个CDN服务：例如阿里云CDN、腾讯云CDN等，本文以阿里云CDN为例进行讲解。

3、准备好域名：确保你拥有一个已解析的域名，并且该域名已经绑定到你的服务器IP地址。

配置Nginx跳转到CDN

1. 修改Nginx配置文件

编辑Nginx配置文件以添加重写规则，假设你的域名是example.com，并且你已经将www.example.com解析到了CDN的CNAME记录。

server {
    listen 80;
    server_name example.com;
    # 强制跳转到 www.example.com
    if ($host ~* ^(?!www\.)(?=.*)example.com$ ) {
        return 301 http://www.$host$request_uri;
    }
    # 静态资源跳转到CDN
    location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ {
        expires 30d;
        add_header Cache-Control "public";
        rewrite ^/(.*\.(jpg|jpeg|png|gif|ico|css|js))$ http://cdn.example.com/$1 permanent;
    }
    # 其他请求转发到本地服务器或其他后端服务
    location / {
        root /var/www/html;
        index index.html index.htm;
    }
}

2. 配置SSL（可选）

如果你希望启用HTTPS，还需要配置SSL证书，可以使用Let's Encrypt免费证书，或者购买一个商业证书。

server {
    listen 443 ssl;
    server_name example.com;
    ssl_certificate /path/to/your/fullchain.pem;
    ssl_certificate_key /path/to/your/privkey.pem;
    if ($host ~* ^(?!www\.)(?=.*)example.com$ ) {
        return 301 https://www.$host$request_uri;
    }
    location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ {
        expires 30d;
        add_header Cache-Control "public";
        rewrite ^/(.*\.(jpg|jpeg|png|gif|ico|css|js))$ https://cdn.example.com/$1 permanent;
    }
    location / {
        root /var/www/html;
        index index.html index.htm;
    }
}

3. 测试配置并重启Nginx

保存配置文件后，检查是否有语法错误，并重启Nginx。

sudo nginx -t
sudo systemctl restart nginx

验证配置

1、访问你的域名：在浏览器中输入http://example.com，确认是否成功跳转到http://www.example.com。

2、检查静态资源URL：查看网页源代码，确认静态资源的URL是否被替换为CDN上的URL。

3、使用curl命令测试：

```bash

curl -I http://www.example.com/image.jpg

```

确认返回的状态码为301 Moved Permanently，并且Location头部指向了CDN的URL。

通过上述步骤，你可以成功地将Nginx配置为将静态资源请求跳转到CDN，这样不仅提高了网站的加载速度，还减轻了服务器的压力，提升了用户体验，如果你有更多需求，比如根据不同的设备类型跳转到不同的站点，或者实现更复杂的重写规则，Nginx的rewrite模块都能满足你的需求，掌握这些技巧，将使你在Web开发和运维中更加得心应手。