码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-03-15 20:45:07      阅读:81      评论:0      收藏:0      [点我收藏+]

标签:view   assets   run   style   mon   文件   npm   code   mamicode   

一、问题描述

执行 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‘,
            }
          }
    }
}

再次打包,顺利访问:

技术图片

 

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

标签:view   assets   run   style   mon   文件   npm   code   mamicode   

原文地址:https://www.cnblogs.com/xulinjun/p/12499590.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!