vue-cli打包项目后路径错误问题

一、问题描述

执行 npm run build 命令后,打包生成dist文件夹,访问的时候报如下错误:

vue-cli打包项目后路径错误问题

二、解决办法

在根目录下,新建 vue.config.js文件,内容如下,

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

再次打包,顺利访问:

vue-cli打包项目后路径错误问题

 

上一篇:VSCode打开webpack项目,无法对@指向的文件使用“转到定义”,怎么办?


下一篇:【Vue 踩坑】本地静态图片加载失败问题