Vue打包后出错:Tip: built files are meant to be served over an HTTP server. Opening index.html over file

1、使用命令npm run build打包vue项目之后提示 :

Tip: built files are meant to be served over an HTTP server.

Opening index.html over file

打包App的项目使用的是Cordova命令建立IOS项目,把npm run build的dist文件放到www文件,

运行项目,打开app时index.html是空白页。

解决办法:config的index.js的build配置是默认assetsPublicPath为“/”根路径,把assetsPublicPath修 改为“./”同一个路径重新打包即可。


2.不会出现空白页后,图片显示不出来。

解决办法:在build目录下的untils.js文件中

ExtractTextPlugin方法中添加publicPath:'…/…/'就可以了。

然后重新打包,问题解决。


npm install -g http-server // 该命令只需执行一次, 安装过之后, 以后就不需要重复安装了.

原文链接:https://blog.csdn.net/zhenmingyue123/article/details/90515566

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原文http://www.cnblogs.com/libin-1/p/6596810.html 版本号 vue-c...
    tengrl阅读 3,782评论 0 0
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 3,049评论 1 4
  • 前端人员都知道,webpack能替代部分 grunt/gulp 的工作,比如打包、压缩混淆、图片转base64等。...
    youth_MrZhou阅读 941评论 0 2
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 5,360评论 4 31
  • 时间过得很快,这一周又过去了。在这一周里我们学习状态步入正轨,什么都正常化了。也知道了期中考试的成绩——语...
    符乐乐阅读 187评论 0 2