nginx部署靜態(tài)資源
將網(wǎng)站靜態(tài)資源（HTML，JavaScript，CSS，img等文件）與后臺(tái)應(yīng)用分開(kāi)部署實(shí)現(xiàn)動(dòng)靜分離，提高用戶(hù)訪(fǎng)問(wèn)靜態(tài)代碼的速度，降低對(duì)后臺(tái)應(yīng)用訪(fǎng)問(wèn)，減輕后臺(tái)服務(wù)器的壓力。
將靜態(tài)資源文件static放在nginx文件目錄中
這里我選擇放在了html文件夾下，（也可以放在和html文件夾同級(jí)，或其它位置
修改nginx配置文件
打開(kāi)conf文件夾
打開(kāi)總配置文件nginx.conf
找到server塊中的location塊
例如要訪(fǎng)問(wèn)靜態(tài)資源中的這個(gè)圖片
#http://gulimall.com/static/index/img/5a1e5ce2N034ce344.png
首先講一下location塊中root 和 alias的區(qū)別
root的處理結(jié)果是：root路徑＋location路徑
alias的處理結(jié)果是：使用alias路徑替換location路徑
alias是一個(gè)目錄別名的定義，root則是最上層目錄的定義。還有一個(gè)重要的區(qū)別是alias后面必須要用"/"結(jié)束，否則會(huì)找不到文件的。。。而root則可有可無(wú)
兩種寫(xiě)法
當(dāng)訪(fǎng)問(wèn)路徑匹配到 /static/ 時(shí)，
就會(huì)截取后面剩余的路徑：index/img/5a1e5ce2N034ce344.png
方法1（alias.
location /static/ {
alias E:/nginx-1.15.2/html/static/;
}
alias的路徑覆蓋location的路徑再加上前面剩余的路徑得：
E:/nginx-1.15.2/html/static/index/img/5a1e5ce2N034ce344.png
方法2（root.
location /static/ {
root E:/nginx-1.15.2/html;
}
root的路徑拼接location的路徑再加上前面剩余的路徑得：
E:/nginx-1.15.2/html/static/index/img/5a1e5ce2N034ce344.png
最終方法1和方法2得到的路徑都與我們的目標(biāo)路徑一致，此時(shí)nginx部署靜態(tài)資源成功文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-476345.html
404多半還是因?yàn)槁窂讲黄ヅ?，仔?xì)檢查文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-476345.html
到了這里，關(guān)于記錄使用nginx部署靜態(tài)資源流程，以及遇到的訪(fǎng)問(wèn)靜態(tài)資源404問(wèn)題的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
