先上官網文檔地址
https://router.vuejs.org/zh/guide/essentials/history-mode.html
由於公司內容原因沒有https的測試域名
所以在正式接口后加了個、/t/ eg:https:xxxx.com 測試接口域名====>https:xxxx.com/t
1.需要在路由文件 router /index.js里配置
這個base即為項目路徑.我的是在在router文件夾下的index.js加入
mode: 'history', // 去掉地址欄里邊的#號鍵 base:'/t/'//測試
router.beforeEach((to, from, next) => {
/* 路由發生變化修改頁面title */
let title;
// console.log(this.$route.query.title)
if(!!to.query.title){
title =to.query.title
if(title == '111'){
title = '這是要刷新顯示的標題呀！！！！'
}
document.title = title;
}else if (to.meta.title) {
document.title = to.meta.title;
}
next()
});
export default router;
2.打包項目后發現報錯
Uncaught SyntaxError: Unexpected token '<'
現象：這是由於 打包的引入路徑不能正常的點開，於是改成了正確的js路徑,需要修改打包路徑----修改文件 config/index.js打包配置
build: {
// Template for index.html
index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: './',//靜態資源路徑 ----》修改成相對路徑
重新打包，報錯完美解決；
3.emmm,還有最重要的是，需要后台配合,配置一下
我們公司用的是nginx
