vue-cli 3.0打包上线

解决空白页
在vue.config.js中
将publicPath属性的值'/'改为'./'。

 publicPath: './',

npm install http-server -g //全局
然后在dist文件下执行:
http-server

Element-ui项目打包后icon图标不显示

解决办法
打开 build/utils.js 文件,在如下位置添加 publicPath: ‘…/…/’

  if (options.extract) {
     return ExtractTextPlugin.extract({
       use: loaders,
       fallback: 'vue-style-loader',
       publicPath: '../../'
     })
   }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 首先需要修改一下配置文件再打包,很多人都是遇到过打包后运行一片空白等等问题,这些问题主要就是路径的问题,所以需要修...
    爱上在路上_e432阅读 9,602评论 1 11
  • 使用vue-cli搭建项目 一、安装node node -v npm -v 二、安装 vue-cli 安装好了 n...
    Timmy小石匠阅读 3,961评论 0 10
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 8,139评论 1 4
  • 基本格式 以json的形式、将数据(支持所有格式)挂载在vue的data上、方法挂载在vue的methods上。 ...
    kirito_song阅读 4,251评论 0 21
  • 让一切从我的25岁开始,从零开始!加油!
    shykawah阅读 877评论 0 0