Nginx中部署Angular項目遇到的坑巨坑
更新時間：2019年10月23日 14:56:22 作者：葬天塵
網(wǎng)上搜索Angular 項目編譯后部署到 Nginx 中的方法，多數(shù)文章都介紹了需要在 Nginx 中的配置文件的 location 中特別指定跳轉(zhuǎn)到首頁來避免刷新導(dǎo)致404的問題，那么完整的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)來了，部署到Nginx 后瀏覽器測試出現(xiàn)下面的問題：
明明index.html 和 js 文件是在同一個目錄下為什么會找不到？chrome 這樣，firefox 也這樣，好吧，換換IE試試吧。
解決
原來chrome 和 firefox 都會自動將 http 轉(zhuǎn)換為 https 來發(fā)出請求，而自己試驗(yàn)用的 CentOS 是安裝在虛擬機(jī)中的，壓根就沒想過要部署 ssl ，由于 ie 不會轉(zhuǎn)換協(xié)議，所以 ie 上測試是沒問題的。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了Centos下編譯安裝Nginx的教程詳解,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-12-12
Nginx 負(fù)載均衡算法及故障轉(zhuǎn)移解析
這篇文章主要介紹了Nginx 負(fù)載均衡算法及故障轉(zhuǎn)移解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09
Nginx結(jié)合keepalived實(shí)現(xiàn)雙機(jī)熱備方案
Nginx難免遇見故障,可以使用使用keepalived來實(shí)現(xiàn)Nginx的高可用,本文主要介紹了Nginx結(jié)合keepalived實(shí)現(xiàn)雙機(jī)熱備方案,具有一定的參考價值,感興趣的可以了解一下2024-05-05
詳解Nginx服務(wù)器中的nginx.conf配置文件
這篇文章主要介紹了詳解Nginx服務(wù)器中的nginx.conf配置文件,包括對HTTP服務(wù)的基本配置方法,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了nginx搭建文件服務(wù)器,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-06-06
文章簡要介紹了如何使用Nginx作為反向代理來部署Java項目,核心在于配置proxy_pass指令2024-12-12
本篇文章主要介紹了Linux服務(wù)器下nginx的安全配置詳解，Nginx在很多高流量網(wǎng)站上得到了應(yīng)用，有需要的朋友可了解一下。2016-10-10
這篇文章主要給大家介紹了關(guān)于Nginx反向代理實(shí)現(xiàn)支持長連接的相關(guān)資料，文字介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。2017-06-06
Nginx服務(wù)器屏蔽與禁止屏蔽網(wǎng)絡(luò)爬蟲的方法
今天小編就為大家分享一篇關(guān)于Nginx服務(wù)器屏蔽與禁止屏蔽網(wǎng)絡(luò)爬蟲的方法，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-03-03
利用nginx搭建靜態(tài)資源服務(wù)器的方法步驟
這篇文章主要介紹了利用nginx搭建靜態(tài)資源服務(wù)器的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06