vue-cli build路径问题

使用vue-cli build项目后,尝试使用打开dist目录下的index.html,发现显示一片空白

解决方法:打开config目录下index.js,修改build里assetsPublicPath: '/',assetsPublicPath: './',,再次build能够正确显示

在version 2.4.0中,样式文件中的字体和图片路径出现错误

解决方法:打开build目录webpack.prod.conf.js,做如下修改

// new ExtractTextPlugin(utils.assetsPath('css/[name].[contenthash].css')), 
new ExtractTextPlugin('[name].[contenthash].css'),

之前的问题都是因为直接使用打开文件导致的,正确的使用打开项目的方法应该使用静态服务器打开

安装http-server,并使用它打开项目

cnpm install http-server -g
http-server -a 127.0.0.1 -p 9999 // 9999为指定的端口
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,269评论 19 139
  • 原文http://www.cnblogs.com/libin-1/p/6596810.html 版本号 vue-c...
    tengrl阅读 3,780评论 0 0
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,644评论 25 709
  • webpack 介绍 webpack 是什么 为什么引入新的打包工具 webpack 核心思想 webpack 安...
    yxsGert阅读 6,548评论 2 71
  • 这是我到福州后再路边看到的一个广告牌,上面的话。来福建已经四天了,有时候还是觉得像在做梦,突然间在一个陌生的城市开...
    c823de54a5c7阅读 1,417评论 0 1