nginx 部署靜態網頁

2018年06月15日 17:55:23?幽默的荊軻君?閱讀數：477

?

• • nginx 部署靜態網頁
    • 第一步，就是安裝nginx.
    • 第二步 配置nginx.conf
      • 熟悉vim的用這個指令
      • 不熟悉的用這個指令
    • 第三步 打開之后的配置
    • centos下nginx的安裝。

?

如果有一大堆的資源文件（javascript,html,css)，如何請求html可以正確的加載css和JavaScript? 今天上午遇到了這個問題，這里記錄一下。

nginx 部署靜態網頁

第一步，就是安裝nginx.

這個真的是讓我走了不少的彎路。。。我的電腦是ubuntu17.10.因為沒有做足充分的調查。我選擇了這個教程。 寫的很是詳細了，但是我電腦ubuntu版本太高，再加上教程里鏈接里面的很多文章不存在了。導致我費了好大一番功夫，也沒裝上。文章最后我會寫一下CentOS該如何安裝nginx. CentOS系統的可以直接找最后。?
nginx 安裝方式非常簡單。

sudo apt install nginx

• 1

第二步 配置nginx.conf

這個文件的路徑是在 /etc/nginx/nginx.conf 打開terminal

熟悉vim的用這個指令

vim /etc/nginx/nginx.conf

• 1

不熟悉的用這個指令

gedit /etc/nginx/nginx.conf

• 1

第三步 打開之后的配置

我們可以找到http{} 這樣內容的，例如

http {### Basic Settings##... 此處省略通用默認配置### Logging Settings##... 此處省略通用默認配置### Gzip Settings##... 此處省略通用默認配置### nginx-naxsi config##... 此處省略通用默認配置### nginx-passenger config##... 此處省略通用默認配置### Virtual Host Configs##... 此處省略通用默認配置# 此時，在此添加 server 上下文，開始配置一個域名，一個 server 配置段一般對應一個域名###########################把你的代碼加在這里###################################server {client_max_body_size 4G;listen 0.0.0.0:8888; ## listen for ipv4;this line is default and impliedserver_name localhost;root /home/guo/XXX/;location / {auth_basic "Restricted";auth_basic_user_file /usr/local/etc/nginx/pass_file;autoindex on;autoindex_exact_size on;autoindex_localtime on;}} }

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44
• 45
• 46
• 47
• 48
• 49
• 50
• 51
• 52

如果你的靜態文件位于/home/guo/XXX/ ,就在http括號里面###的位置，加上上面的代碼。?
注意，把上面的root改成 你的靜態文件路徑！！！?
執行

sudo service nginx restart sudo nginx -s reload

• 1
• 2

你就可以在瀏覽器里面訪問127.0.0.1:8000/static/xx.html(static是XXX下的文件)了。

centos下nginx的安裝。

我先解釋一下，ubuntu 17.10為什么不行。因為ubuntu17.10里面gcc版本已經是gcc7了。這樣nginx就會出bug.需要自己加個補丁。或者可以安裝gcc5版本的。我這里列一下安裝流程(這里安裝路徑都是可行的，如果有問題，望留言告訴我）。

正式開始前，編譯環境gcc g++ 開發庫之類的需要提前裝好，這里默認你已經裝好。sudo apt install build-essentialsudo apt install libtool選定源碼路徑cd /usr/local/src # 這里最好用root來裝，否則會有各種各樣的權限問題。#### 安裝pcrewget ftp://ftp.csx.cam.ac.uk/pub/software/programming/pcre/pcre-8.42.tar.gztar -zxvf pcre-8.42.tar.gzcd pcre-8.42./configuremakemake install#### 安裝zlib庫cd /usr/local/srcwget http://zlib.net/zlib-1.2.11.tar.gztar -zxvf zlib-1.2.11.tar.gzcd zlib-1.2.11./configuremakemake install#### 安裝sslcd /usr/local/srcwget https://www.openssl.org/source/openssl-1.0.1t.tar.gztar -zxvf openssl-1.0.1t.tar.gz#### 安裝nginxcd /usr/local/srcwget http://nginx.org/download/nginx-1.9.9.tar.gztar -zxvf nginx-1.9.9.tar.gzcd nginx-1.9.9sudo ./configure --sbin-path=/usr/local/nginx/nginx \\n--conf-path=/usr/local/nginx/nginx.conf \\n--pid-path=/usr/local/nginx/nginx.pid \\n--with-http_ssl_module \\n--with-pcre=../pcre-8.42 \\n--with-zlib=../zlib-1.2.11 \\n--with-openssl=../openssl-1.0.1tmakemake install

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33

到這里如果沒有報錯，說明nginx已經安裝成功了。?
如果報錯，參考這個修改?https://trac.nginx.org/nginx/ticket/1259

參考：?
https://showzeng.itscoder.com/nginx/2016/10/03/use-nginx-to-deploy-static-pages-easily.html?
http://www.nginx.cn/install?
https://blog.csdn.net/dutsoft/article/details/55004064

總結

以上是生活随笔為你收集整理的nginx 部署静态网页的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。