问题解决方法1:将在路由中引入的组件路径改为绝对路径,比如:
// 原来引入方式
const a= () => import('./A/a.vue')
// 将'./'改为'/'
const a= () => import('/A/a.vue')
问题解决方法2:修改vue.config.js文件
const path = require('path') // 引入path模块
function resolve (dir) {
return path.join(__dirname, dir) // path.join(_dirname)设置绝对路径
}
module.exports = {
chainWebpack: (config) => {
config.resolve.alias
// 第一个参数:别名 第二个参数:路径
.set('components', resolve('src/components'))
.set('assets', resolve('src/assets'))
.set('commonjs', resolve('src/commonjs'))
.set('views', resolve('src/views'))
.set('network', resolve('src/network'))
},
// 将原来的 publicPath: './',改成
publicPath: '/'
// 这样便可以解决路由刷新出新 Uncaught SyntaxError: Unexpected token '<'
}