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', } } } }

再次打包，順利訪問：