Nginx中部署Angular項(xiàng)目遇到的坑巨坑
網(wǎng)上搜索Angular 項(xiàng)目編譯后部署到 Nginx 中的方法，多數(shù)文章都介紹了需要在 Nginx 中的配置文件的 location 中特別指定跳轉(zhuǎn)到首頁(yè)來(lái)避免刷新導(dǎo)致404的問(wèn)題，那么完整的server 代碼是：
server {
listen 80;
server_name 192.168.190.131;
#sendfile on;
#charset koi8-r;
access_log /var/log/nginx/host.access.log main;
location / {
root /chanchaw/app/angular;
index index.html index.html;
try_files $uri $uri/ /index.html;
}
error_page 404 /index.html;
location = /index.html {
root /chanchaw/app/angular;
}
}
上面的 server_name 后面是 CentOS7.3 的IP地址，后面的 location 中要特別注意：try_files $uri $uri/ /index.html，這里是防止瀏覽器中刷新導(dǎo)致404，那么重點(diǎn)來(lái)了，部署到Nginx 后瀏覽器測(cè)試出現(xiàn)下面的問(wèn)題：
明明index.html 和 js 文件是在同一個(gè)目錄下為什么會(huì)找不到？chrome 這樣，firefox 也這樣，好吧，換換IE試試吧。
解決
原來(lái)chrome 和 firefox 都會(huì)自動(dòng)將 http 轉(zhuǎn)換為 https 來(lái)發(fā)出請(qǐng)求，而自己試驗(yàn)用的 CentOS 是安裝在虛擬機(jī)中的，壓根就沒(méi)想過(guò)要部署 ssl ，由于 ie 不會(huì)轉(zhuǎn)換協(xié)議，所以 ie 上測(cè)試是沒(méi)問(wèn)題的。
相關(guān)文章
這篇文章主要介紹了Centos下編譯安裝Nginx的教程詳解,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-12-12
Nginx 負(fù)載均衡算法及故障轉(zhuǎn)移解析
這篇文章主要介紹了Nginx 負(fù)載均衡算法及故障轉(zhuǎn)移解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
Nginx結(jié)合keepalived實(shí)現(xiàn)雙機(jī)熱備方案
Nginx難免遇見(jiàn)故障,可以使用使用keepalived來(lái)實(shí)現(xiàn)Nginx的高可用,本文主要介紹了Nginx結(jié)合keepalived實(shí)現(xiàn)雙機(jī)熱備方案,具有一定的參考價(jià)值,感興趣的可以了解一下2024-05-05
詳解Nginx服務(wù)器中的nginx.conf配置文件
這篇文章主要介紹了詳解Nginx服務(wù)器中的nginx.conf配置文件,包括對(duì)HTTP服務(wù)的基本配置方法,需要的朋友可以參考下2015-08-08
nginx搭建文件服務(wù)器的詳細(xì)過(guò)程
這篇文章主要介紹了nginx搭建文件服務(wù)器,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-06-06
文章簡(jiǎn)要介紹了如何使用Nginx作為反向代理來(lái)部署Java項(xiàng)目,核心在于配置proxy_pass指令2024-12-12
本篇文章主要介紹了Linux服務(wù)器下nginx的安全配置詳解，Nginx在很多高流量網(wǎng)站上得到了應(yīng)用，有需要的朋友可了解一下。2016-10-10
Nginx反向代理實(shí)現(xiàn)支持長(zhǎng)連接詳解
這篇文章主要給大家介紹了關(guān)于Nginx反向代理實(shí)現(xiàn)支持長(zhǎng)連接的相關(guān)資料，文字介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面跟著小編一起來(lái)學(xué)習(xí)學(xué)習(xí)吧。2017-06-06
Nginx服務(wù)器屏蔽與禁止屏蔽網(wǎng)絡(luò)爬蟲(chóng)的方法
今天小編就為大家分享一篇關(guān)于Nginx服務(wù)器屏蔽與禁止屏蔽網(wǎng)絡(luò)爬蟲(chóng)的方法，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2019-03-03
利用nginx搭建靜態(tài)資源服務(wù)器的方法步驟
這篇文章主要介紹了利用nginx搭建靜態(tài)資源服務(wù)器的方法步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06