配置 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>渲染的視圖沒有