如何利用S3+nginx實現靜態站點的托管

這篇文章主要講解了“如何利用S3+nginx實現靜態站點的托管”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“如何利用S3+nginx實現靜態站點的托管”吧！

需求描述:
用戶有一個靜態website，都是html和js/css/img這些文件，同時還有一個域名static-website.com,需要將用戶訪問的請求由nginx轉發到后端的S3。

website文件夾結構如下

website:
    -- index.html #首頁文件
    -- js/ js目錄
    -- css/ css目錄
    -- img/ img目錄

1. 上傳文件并設置對應權限

使用s3cmd上傳website文件夾并設置所有文件為public-read權限，以bucket名稱為website-bucket為例

s3cmd put website s3://website-bucket --recursive --acl-public

2. nginx轉發配置

設置/etc/nginx/conf.d/default.conf,，內容如下,具體內容各位根據實際情況進行修改

server {
    listen       80;
    server_name static-website.com *.static-website.com;

    location ~ ^/(img|js|css)/ {
        proxy_set_header Host 'website-bucket.s3.endpoint.com';
        proxy_pass http://website-bucket.s3.endpoint.com:80;
    }

    location /index.html {
        proxy_set_header Host 'website-bucket.s3.endpoint.com';
        proxy_pass http://website-bucket.s3.endpoint.com:80;
    }

    location / {
        rewrite ^/$ /index.html last;
    }
}

3.測試訪問

curl http://static-website.com #可以看到index.html的內容

感謝各位的閱讀，以上就是“如何利用S3+nginx實現靜態站點的托管”的內容了，經過本文的學習后，相信大家對如何利用S3+nginx實現靜態站點的托管這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！