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

相关推荐
会一点设计23 分钟前
金牌年度汇报PPT的逻辑框架与模板范例!2026全新整理
ui·powerpoint·ux·ppt
毕设源码-郭学长3 小时前
【开题答辩全过程】以 基于Web的高校课程目标达成度系统设计与实现为例,包含答辩的问题和答案
前端
wuhen_n3 小时前
高阶函数与泛型函数的类型体操
前端·javascript·typescript
●VON4 小时前
从系统亮度监听到 UI 重绘:Flutter for OpenHarmony TodoList 深色模式的端到端响应式实现
学习·flutter·ui·openharmony·布局·von
ヤ鬧鬧o.4 小时前
多彩背景切换演示
前端·css·html·html5
lethelyh5 小时前
Vue day1
前端·javascript·vue.js
酉鬼女又兒5 小时前
SQL113+114 更新记录(一)(二)+更新数据知识总结
java·服务器·前端
无风听海5 小时前
AngularJS中 then catch finally 的语义、执行规则与推荐写法
前端·javascript·angular.js
利刃大大5 小时前
【Vue】组件化 && 组件的注册 && App.vue
前端·javascript·vue.js
一起养小猫5 小时前
Flutter for OpenHarmony 实战:按钮类 Widget 完全指南
前端·javascript·flutter