一、问题描述

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

36.Vue-cli打包命令是什么?打包后悔导致路径问题,应该在哪里修改
    


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

二、解决办法

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

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

再次打包,顺利访问:

36.Vue-cli打包命令是什么?打包后悔导致路径问题,应该在哪里修改
    


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

 

 
Vue.js

一、问题描述

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

36.Vue-cli打包命令是什么?打包后悔导致路径问题,应该在哪里修改
    


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

二、解决办法

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

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

再次打包,顺利访问:

36.Vue-cli打包命令是什么?打包后悔导致路径问题,应该在哪里修改
    


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

 

相关文章:

  • 2021-10-11
  • 2021-06-18
  • 2021-08-03
猜你喜欢
  • 2022-12-23
  • 2021-11-30
  • 2021-08-09
  • 2021-04-19
  • 2022-12-23
  • 2021-11-12
  • 2022-12-23
相关资源
相似解决方案