vue2+element-ui npm run build打包后,在服务器打开报错

报错

页面的图标也显示不出来,如下

解决:

在build->utils.js文件里面加上publicPath: '../../',再打包发布一下就可以了

javascript 复制代码
    // Extract CSS when that option is specified
    // (which is the case during production build)
    if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath: '../../'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }
  }

解决了,如下:

原文链接:https://blog.csdn.net/lovewangyage/article/details/129109940

相关推荐
Mintopia5 分钟前
让开发效率翻倍的,往往不是新技术,而是小工具
前端
Cobyte6 分钟前
2.响应式系统基础:依赖追踪的基础 —— 发布订阅模式(前端应用最广的设计模式)
前端·javascript·vue.js
慧一居士9 分钟前
Nitro 和nuxt4框架关系
前端
IT_陈寒12 分钟前
React的useEffect把我坑惨了,这种闭包问题谁能想到
前端·人工智能·后端
前端老石人23 分钟前
表单与交互式元素
前端·css·html
果粒蹬i25 分钟前
自用超半年的免费 OCR 工具分享:告别付费,本地搭建更安心
前端·网络·ocr
朝阳58130 分钟前
M3U8 下载助手油猴脚本 - 完全使用指南
前端·javascript·windows
kadog32 分钟前
GraphX:基于 WebGL 区间算术的 GPU 加速隐函数绘图器
前端·javascript·数学建模·webgl
utmhikari32 分钟前
【DIY小记】解决MacOS上Edge浏览器bilibili全屏卡顿的问题
前端·macos·性能优化·edge·bilibili
上单带刀不带妹33 分钟前
UniApp 页面跳转完全指南:5 种路由方式详解与实战对比
前端·javascript·vue.js·uni-app·跨端开发