Nginx中部署Angular專案遇到的坑巨坑

2022-10-03 09:48:13 字數 579 閱讀 7261

網上搜尋angular專案編譯qqfmhqah後部署到nginx中的方法,多數文章都介紹了需要在nginx中的配置檔案的location中特別指定跳轉到首頁來避免重新整理導致404的問題,那麼完整的server**是:

server

error_page 404 /index.html;

location = /index.html

}上面的server_name後面是centos7.3的ip位址,後面的location中要特別注意:try_files $uri $uri/ /index.html,這裡是防止瀏覽器中重新整理導致404,那麼重點來了,部署到nginx後瀏覽器測試出現下面的問題:

明明index.html和js檔案是在同乙個目錄下為qqfmhqah什麼會找不到?chrome這樣,firefox也這樣,好吧,換換ie試試吧。

解決原來chrome和firefox都會自動將http轉換為htt來發出請求,而自己試驗用的centosqqfmhqah是安裝在虛擬機器中的,壓根就沒想過要部署ssl,由於ie不會轉換協議,所以ie上測試是沒問題的。

本文標題: nginx中部署angular專案遇到的坑巨坑

本文位址:

vue在nginx中部署

本文主要介紹如何在nginx中部署vue前端。1 已經安裝好nginx,可以參考如下文章 2 已經打好vue的包,如果遇到問題,可以參考 好,下面上貨。1 首先把dist資料夾放在乙個路徑下,我放在這裡 2 修改nginx的配置檔案 新增如下server server root data xytes...

vue在nginx中部署

本文主要介紹如何在nginx中部署vue前端。本文閱讀前提 1 已經安裝好nginx,可以參考如下文章 2 已經打好vue的包,如果遇到問題,可以參考 好,下面上貨。1 首先把dist資料夾放在乙個路徑下,我放在這裡 2 修改nginx的配置檔案 新增如下server server root dat...

nginx中部署vue前端專案

首先當然是阿里雲伺服器購買以及vue專案的編寫了,伺服器購買就不說了,vue專案打包npm run dev的時候要注意一下,主要是config index.js裡assetspublicpath要配置成 原來是 不然在上線後會什麼也沒有,還有就是如果使用了axios跨域 跨埠 的話,並且是使用pro...