鍍金池/ 問(wèn)答/HTML5  Linux/ angular6 生產(chǎn)環(huán)境部署問(wèn)題

angular6 生產(chǎn)環(huán)境部署問(wèn)題

用angularcli 6.0.2構(gòu)建出來(lái)的項(xiàng)目,用nginx做代理,js/css文件路徑都是404

clipboard.png

clipboard.png
nginx配置是這樣的

clipboard.png
構(gòu)建命令是這樣的

clipboard.png
在網(wǎng)上找了用--base-href ./把index.html里面的base href的值改成了./是可以的,但是刷新之后就不行了

這是刷新之前的

clipboard.png

clipboard.png

clipboard.png
這是刷新之后的,他會(huì)把項(xiàng)目目錄加進(jìn)去,而且js文件內(nèi)容變成了html, 雖然狀態(tài)是200,但是我服務(wù)器上是沒(méi)有這些目錄的

clipboard.png

clipboard.png

clipboard.png

clipboard.png
這是服務(wù)器上的文件目錄

clipboard.png

回答
編輯回答
涼薄

你的做法不對(duì),不應(yīng)該用反向代理,你這些都是靜態(tài)資源,為何不直接放到nginx的目錄下?

2017年7月17日 07:07
編輯回答
氕氘氚

解決了,用這個(gè)命令:"ng build --base-href /ng6-ant/ --prod"其中'ng6-ant'是服務(wù)器中代理監(jiān)聽(tīng)的標(biāo)識(shí)

location /ng6-ant {
            alias  /home/nginx_web/ng6-ant;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html =404;
        }
2017年3月6日 01:40