vue 中 history 模式的配置和打包(轉)


https://www.cnblogs.com/NorthHarbor/p/12550605.html

 

vue 中 history 模式的配置和打包

 
  • 在使用 vue 進行項目開發中,默認的路由形式是 hash,表現形式就是 url 中始終帶有 # 號,在后台管理類的項目中並不影響使用,但是在特殊場景,比如微信分享的H5鏈接中,微信會自動拼接參數,由於 # 的原因,路徑中會出現兩段由 ? 拼接的部分,為避免這種情況,形成較為規范的 url 形式,可以采用 history 模式
// 路由文件 index.js const router = new VueRouter({ mode: 'history', base: '/aa/', routes }) 
// vue.config.js module.exports = { publicPath: '/aa/', // 基本路徑 } 
  • base 和 publicPath 路徑保持一致,值就是服務器域名下的文件夾目錄,比如:www.xxxx.com/aa/,如果是根目錄,直接寫為 /
  • 配置 history 模式需要服務器支持,服務器具體配置見官網 后端配置


免責聲明!

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



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