vue-cli打包項目后路徑錯誤問題

一、問題描述

執行 npm run build 命令后，打包生成dist文件夾，訪問的時候報如下錯誤：

二、解決辦法

在根目錄下，新建 vue.config.js文件，內容如下，

module.exports = {
    publicPath:'./',
    configureWebpack:{
        resolve: {
            alias: {
              'assets': '@/assets',
              'common': '@/common',
              'components': '@/components',
              'network': '@/network',
              'views': '@/views',
              'plugins': '@/plugins',
            }
          }
    }
}

再次打包，順利訪問：