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
