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 模式需要服務器支持,服務器具體配置見官網 后端配置