vue router 切换history模式 报错: Uncaught SyntaxError: Unexpected token ‘<’
切换到 history
模式注意点:
- router文件下createRouter方法, router:
history
, base: ''
, 打包后base:二级目录
export default new Router({
mode: 'history',
base: '',
// base:'/二级目录/'
routes: [ .... routers]
)};
- vue.config.js配置文件, publicPath:
'/'
, 打包后:publicPath:'二级目录'
const vueConfig = {
// 基本路径
publicPath: '/',
// publicPath: '/二级目录/',
}
- 在模板index.html文件中: 引入的外部资源链接都需要加上:
<%= BASE_URL %>
前缀
举个例子
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<link rel="stylesheet" href="<%= BASE_URL %>css/common.css" />
<script type="text/javascript" src="<%= BASE_URL %>config/config.<%= NODE_ENV %>.js?v=<%= new Date().getTime() %>"></script>