vue的hash模式和history模式的區別,如果hash模式給vue配置項目名


vue的hash模式和history模式,默認是hash模式,帶 # 號的url。 列如:localhost:8080/#/login

                history模式是不帶 # 號的url,也就比較美觀一點。列如:localhost:8080/login

但是history模式如果不帶#號,還需要后台配置支持。具體看vue的api上面都有介紹。

鏈接:https://router.vuejs.org/zh/guide/essentials/history-mode.html

 

但是我現在想要一種請求的地址是這樣的:localhost:9000/devs/index.html/#/login  (這種是可以放在服務器上想要顯示出來的鏈接。)

    devs是可以隨意更換一種名字但是一定是自己打包出來的文件,也可以簡單理解打包完之后在dist文件夾中  dist/devs/index.html  和  dist/devs/static,原本在dist文件夾下的index和static兩個文件都多了一層目錄。

注釋:本地其實還是依舊可以是:localhost:8080/#/login。

 

所以就要滿足這個要求一定要是hash模式,如果是history模式如果鏈接后面顯示index.html就不會顯示出來,需要后台配置,這邊不想讓后台去配置這些東西,所以要用hash模式。

現在的問題就是devs這個文件是怎么加的。在config文件夾下的index.js。如圖:

圖一:

圖二:

圖三:

 

圖一是初始的樣子,圖二是修改了build打包的之后的東西,圖三是打包完之后dist文件夾下就會多增加devs文件夾。這樣如果放在服務器上我們就可以正常訪問了。

比如放在服務器上是這樣的:https://nqstions.syk.com/devs/index.html/#/login

 

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM