最后的效果就類似（不同瀏覽器的界面有所不同）：
如果認證失敗，就會報http錯誤：401 authorization required。
要實現這樣的功能，就需要更改服務器的配置，并設定好用于登錄的用戶名和密碼。
首先我們需要更改網站的nginx的server配置，ubuntu服務器的話這個配置文件通常位于/etc/nginx/sites-enabled/，比如我這里就使用默認的配置文件/etc/nginx/sites-enabled/default來做一個例子：
復制代碼?代碼如下:
server {
server_name www.fancycedar.info
root /www/fancycedar
# …
location / {
# 添加下面兩行
auth_basic “restricted”;
auth_basic_user_file htpasswd;
# …
}
# …
}
接下來需要創建htpasswd文件，這里有一些細節需要注意：
htpasswd的路徑
和nginx.conf在同一級目錄即可。ubuntu服務器的話一般就在/etc/nginx/下面。
htpasswd的內容
每一行為一個用戶，格式為username:password。但是要注意，這里的password不是明文，而是將password進行crypt(3)加密后的字符串。
你可以使用一段php代碼來生成htpasswd中的password：
復制代碼?代碼如下:
// 密碼明文
$password = ‘some password’;
// 對密碼進行加密
$password = crypt($password, base64_encode($password));
// 獲得加密后的密碼
echo $password;
然后將字符串寫入htpasswd文件中：
復制代碼?代碼如下:
username1:xucqmk13tfooe
username2:yxtfb3xwkombm
…
htpasswd的權限
需要更改htpasswd文件的權限，執行如下命令：
復制代碼?代碼如下:
sudo chown root:www-data htpasswd
sudo chmod 640 htpasswd
are you ready?
當上面的準備工作都做好之后，我們就可以重新載入或者重啟nginx服務器了：
復制代碼?代碼如下:
sudo /etc/init.d/nginx reload
# or
sudo /etc/init.d/nginx restart
