vue被部署到子(二級)目錄

2022-03-08 12:54:08 字數 1088 閱讀 1150

需求

有的時候,你的網域名稱很珍貴,除了二級網域名稱外。

你還可以將你的專案部署在伺服器二級目錄下,這樣的話,就可以部署多個專案了。

比如說,我有乙個網域名稱為dshvv.com的伺服器,我想部署兩個專案:

12306專案:

**專案:

問題

普通專案不會有問題,

但是如果是單頁專案,而且單頁專案的路由用的是history模式,不管是vue還是react都會出現乙個問題

那就是「重新整理當前頁面404」

這是因為這種(history)模式會被錯誤的認為向服務端發出了真請求,但是其實這這是前端路由變化,後端自然也沒做好相應你的處理,所以就404了

解決

前端配置

vue.config.js增加如下配置:

publicpath: '/caspage/'

路由配置如下:

const router = new

vuerouter()

後端nginx.conf配置如下:

# 首先給要部署的專案分配乙個服務

server 

}

# 再到配置網域名稱的主配置server上做反向** 

server

error_page 500 502 503 504 /50x.html;

location = /50x.html

# 這裡是需要部署的二級目錄應用配置

location /cloudchartpage 

}

然後重新啟動就行了

參考:nginx安裝與配置

參考本文

如果二級頁面重新整理依然白屏

這樣處理

location /xxpage 

location @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...