需求
有的時候,你的網域名稱很珍貴,除了二級網域名稱外。
你還可以將你的專案部署在伺服器二級目錄下,這樣的話,就可以部署多個專案了。
比如說,我有乙個網域名稱為dshvv.com的伺服器,我想部署兩個專案:
12306專案:
**專案:
問題
普通專案不會有問題,
但是如果是單頁專案,而且單頁專案的路由用的是history模式,不管是vue還是react都會出現乙個問題
那就是「重新整理當前頁面404」
這是因為這種(history)模式會被錯誤的認為向服務端發出了真請求,但是其實這這是前端路由變化,後端自然也沒做好相應你的處理,所以就404了
解決
前端配置
vue.config.js增加如下配置:
publicpath: '/caspage/'
路由配置如下:
const router = newvuerouter()
後端nginx.conf配置如下:
# 首先給要部署的專案分配乙個服務
server}
# 再到配置網域名稱的主配置server上做反向**server
error_page 500 502 503 504 /50x.html;
location = /50x.html
# 這裡是需要部署的二級目錄應用配置
location /cloudchartpage
}
然後重新啟動就行了
參考:nginx安裝與配置
參考本文
如果二級頁面重新整理依然白屏
這樣處理
location /xxpagelocation @xxpage_action
專案**就在根目錄下
location /
vue部署到網域名稱二級目錄重新整理404
乙個網域名稱有個根目錄,但有兩個專案,就需要二級目錄 比如說,我有乙個網域名稱為csdn.com的伺服器,我想部署兩個專案 如果是單頁專案,而且單頁專案的路由用的是history模式,不管是vue還是react都會 重新整理當前頁面404 這是因為這種 history 模式會被錯誤的認為向服務端發出...
vue打包專案部署到二級目錄
一 分析為什麼將vue打包後的檔案放到二級目錄頁面會是空白?首先,假設這樣乙個情景,我們想www.domain.com yunnan二級目錄來訪問我們的頁面。然後,在沒有做任何配置下,打包的檔案扔到yunnan下 此時目錄結構如下 www yunnan assets index.html 我們頁面訪...
如何檢視二級目錄是否被收錄
今早查詢中國樂翻天商鋪在baidu收錄情況,發現怎麼查也不對,因為目前商鋪全是掛在二級目錄下,沒有採用二級網域名稱形式,後來通過查資料才發現查詢用錯了,一般在baidu中查詢乙個 收錄如中國樂翻天 用如下語句 site 但是查詢下面的二級目錄就不對了,具體參照下面 收錄查詢 谷歌的查詢方法 site...