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

相关推荐
cc.ChenLy1 小时前
【CSS进阶】毛玻璃效果与代码解析
前端·javascript·css
何中应1 小时前
使用Jenkins部署前端项目(Vue)
前端·vue.js·jenkins
工控小龙人1 小时前
船舶维修HMI:船舶发动机的检修诊断界面
ui·人机交互·用户界面
3秒一个大1 小时前
JWT 登录:原理剖析与实战应用
前端·http·代码规范
NEXT061 小时前
2026 技术风向:为什么在 AI 时代,PostgreSQL 彻底成为了全栈工程师的首选数据库
前端·数据库·ai编程
NEXT062 小时前
拒绝“盲盒式”编程:规范驱动开发(SDD)如何重塑 AI 交付
前端·人工智能·markdown
@大迁世界2 小时前
仅用 CSS 实现元素圆形排列的方法
前端·css
钛态2 小时前
Flutter for OpenHarmony:mason_cli 拒绝重复劳动,用砖块构建你的代码模板(强大的脚手架生成器) 深度解析与鸿蒙适配指南
flutter·ui·华为·自动化·harmonyos
JosieBook3 小时前
【Vue】15 Vue技术——Vue计算属性简写:提升代码简洁性的高效实践
前端·javascript·vue.js
weixin199701080163 小时前
Lazada商品详情页前端性能优化实战
前端·性能优化