Vue-多頁面跳轉去掉.html后綴的解決辦法
首先我要問你個問題，為什么加載網頁會默認執行index.html?
index.html其實本意是導航頁，也就是在這個頁面上包含了網站上的基本連接，可以理解為，你訪問一個地址，默認打開的就是這個頁面，
在public文加下放置的是靜態檔案入口，所以他訪問的就是這幾個檔案，通過訪問檔案夾的方式，在內部改為index.html，則優化了訪問頁面跳轉頁面是去掉.html的效果
把每個頁面都放到單獨的檔案夾上，主頁的index.html放到‘根目錄’上，
每個檔案夾下改名為index.html
然后修改配置vue.config.vue檔案
然后啟動專案，默認打開主頁
默認把index.html 隱藏了
接下來我們切換個頁面試試 這就是我想要的效果
不再是http://localhost:9090/classmsg.html/#/ 很丑的路徑了
我們加上這個檔案夾下面的index.html,,一樣能出來，
總結：圍繞默認渲染index.html機制，我們可以根據這個優勢來優化我們的專案
- 多頁面應用重新設定public內的架構（把每個頁面放到對應的檔案夾中，檔案名改為index.html）
- 在vue.config.js檔案下修改配置，
pages》
// 課程論壇-編輯頁
write: {
entry: 'src/pages/write/main.js',
template: 'public/write/index.html',//應用的模版,對應public的檔案地址
filename: 'write/index.html'//編譯后在dist目錄的輸出檔案名(跟public保持一致)
},
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/246810.html
標籤：其他