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)文章
nginx訪問(wèn)日志并刪除指定天數(shù)前的日志記錄配置方法
這篇文章主要介紹了nginx訪問(wèn)日志并刪除指定天數(shù)前的日志記錄配置方法,需要的朋友可以參考下2014-03-03
簡(jiǎn)介Nginx服務(wù)器的Websockets配置方法
這篇文章主要介紹了簡(jiǎn)介Nginx服務(wù)器的Websockets配置方法,是使用Nginx服務(wù)器的網(wǎng)管的必備知識(shí)XD~需要的朋友可以參考下2015-06-06
nginx?405?not?allowed問(wèn)題三種解決方法
這篇文章主要給大家介紹了關(guān)于nginx?405?not?allowed問(wèn)題三種解決方法的相關(guān)資料,當(dāng)您遇到"405 Not Allowed"錯(cuò)誤時(shí),通常表示服務(wù)器不允許您使用所請(qǐng)求的HTTP方法,以下是一些可能的解決方法,需要的朋友可以參考下2023-08-08
Nginx服務(wù)器設(shè)置網(wǎng)站驗(yàn)證訪問(wèn)的方法
這篇文章主要介紹了Nginx服務(wù)器設(shè)置網(wǎng)站驗(yàn)證訪問(wèn)的方法,通過(guò)設(shè)置密碼來(lái)要求登錄網(wǎng)站目錄的用戶進(jìn)行驗(yàn)證,需要的朋友可以參考下2015-07-07
Linux系統(tǒng)下nginx日志每天定時(shí)切割的腳本寫法
本篇文章給大家分享使用Linux系統(tǒng)自帶的命令logrotate對(duì)Nginx日志進(jìn)行切割的方法,對(duì)nginx日志切割腳本感興趣的朋友一起學(xué)習(xí)吧2016-11-11
通過(guò)nginx代理攔截請(qǐng)求進(jìn)行全局訪問(wèn)限制
這篇文章主要介紹了通過(guò)nginx代理攔截請(qǐng)求進(jìn)行全局訪問(wèn)限制,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-06-06
nginx 解決首頁(yè)跳轉(zhuǎn)問(wèn)題詳解
這篇文章主要介紹了nginx 解決首頁(yè)跳轉(zhuǎn)問(wèn)題詳解的相關(guān)資料,需要的朋友可以參考下2016-12-12

