使用Nginx如何發佈一個網站，以及相關配置，Nginx靜態資源404報錯

如果你覺得文章幫不到你，請直接評論你的要求，想做一個持續輸出的博主

前言:最近找了一個博客的前端模板，發佈了一個網站。請求後端數據，配置域名，發現坑還是挺多的，幫大家總結一下吧。

Nginx的幾個重要的目錄

在這之前，你需要安裝Nginx，並且知道你的Nginx的配置目錄和放網頁的地方。這篇文章我不講解關於Nginx的安裝，主要講解如何配置。

如果你比較懶使用一般的yum安裝nginx，配置目錄 /etc/nginx/，網頁目錄 /usr/share/nginx/html/。當然這也可以自己修改，具體怎麼改以後我再看看吧。

如果你自己安裝的Nginx，這兩個目錄我想你應該知道呀！

當然，我們都是懶人，有簡單的安裝方法，初學者爲什麼不用，哈哈哈。

複製前端代碼到指定的網頁目錄

複製前端代碼到網頁目錄，也就是 /usr/share/nginx/html/裏面，這裏面如果是使用yum安裝之後，亂七八糟的一堆。新建一個單獨的blog目錄，然後blog裏面就是你的網頁結構了。

我網頁的結構是blog，下面有html和res。html下面只有網頁，res裏面包含各種css和js的文件。

Nginx配置

我們只需要配置目錄/etc/nginx/裏面的nginx.conf單獨配一個server

    server {
        listen       80;
        server_name  xxx.xxx.com; # 瀏覽器訪問地址，一般是域名

        location / {  # html文件，訪問指定的目錄和指定的index文件
            root   /usr/share/nginx/html/blog/html;
            index index.html;
        }
        location ~ .*\.(gif|jpg|jpeg|png|js|css)$ {   # 圖片等文件
            root /usr/share/nginx/html/blog/; #指定圖片存放 
        }
    }

仔細講一講上面的配置吧。

1.域名配置

server_name  xxx.xxx.com; # 瀏覽器訪問地址，一般是域名

域名配置就是上面的一句話

2.網頁配置

 location / {  # html文件，訪問指定的目錄和指定的index文件
    root   /usr/share/nginx/html/blog/html;
    index index.html;
}

想象一下，你在流量器裏面輸入xxx.xxx.com的主頁時，他就會找
/usr.share/nginx/htmi/blog/html/index.html

講到這，如果你的網站可以正常的訪問，那基本就結束了。

慢着，那你後面的那個location怎麼沒有講解，我故意的。下面就是靜態資源報錯的問題了

Nginx靜態資源遇到問題

像很多情況，配置了上面一般網站都是有問題的，像一些靜態資源不能訪問啊，各種問題。
http://xxx.xxx.com/res/image/mypic.png
像上面的路徑出個404啊。

那麼經過映射他應該訪問的服務器的靜態資源的地址就是
/usr/share/nginx/html/blog/html/res/image/mypic.png
我這個項目肯定是沒有這個路徑的。

所以可以對一些圖片結尾的引用新的路徑

location ~ .*\.(gif|jpg|jpeg|png|js|css)$ {   # 圖片等文件
	root /usr/share/nginx/html/blog/; #指定圖片存放 
}

當請求http://xxx.xxx.com/res/image/mypic.png映射到
/usr/share/nginx/html/blog/res/image/mypic.png

如何查詢Nginx的問題

tail -f /var/log/nginx/error.log

使用上面的命令，你可以查看你的Nginx服務器的報錯信息。