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

配置 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'
}

文件目录如下

clipboard.png

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

clipboard.png

回答:

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注