【Vue】修改了 vue-router 的 base 属性为根目录，打包后路由视图为什么还是不出现？

• Z时代
• 2024-01-10
• 分类：技术分享

配置 base 如下

router/index.js
function getAbsolutePath () {
let path = location.pathname
console.log(path)
// 输出为/C:/Users/csq94/Desktop/python/vue/secSinglePage/dist/index.html
console.log(path.substring(0, path.lastIndexOf('/') - 5))
输出为/C:/Users/csq94/Desktop/python/vue/secSinglePage
return path.substring(0, path.lastIndexOf('/') - 5)
}
const router = new Router({
routes,
mode: 'history',
base: getAbsolutePath()
})

配置打包文件路径：

vue.config.js
module.exports = {
baseUrl: './',
outputDir: '../dist'
}

文件目录如下

打包之后的index.html在浏览器打开如下，图片引入成功了，但是用<router-view>渲染的视图没有

回答

你这是操作系统文件访问地址，你需要开一个服务，访问你的工程

以上是 【Vue】修改了 vue-router 的 base 属性为根目录，打包后路由视图为什么还是不出现？ 的全部内容， 来源链接： utcz.com/a/76141.html