解决Vue-cli npm run build生产环境打包,本地不能打开的问题


Posted in Javascript onSeptember 20, 2018

问题:

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

Opening index.html over file:// won't work.

解释:

npm run dev是开发环境, npm run build是生产环境, 在开发环境完成代码和测试, 之后用生产环境生成代码,执行npm run build 命令后,会生成dist目录,里边包含index.html和static文件夹。

npm run build的时候, 一开始就会提示Built files are meant to be served over an HTTP server. Opening index.html over file:// won't work., 在vue-cli的默认配置中, 把assetsPublicPath: '/'改成assetsPublicPath: './',dist文件夹里的文件必须放在服务器的根目录, 如果你想本地打开的话, 可以在npm run build完成之后执行以下命令:

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

以上这篇解决Vue-cli npm run build生产环境打包,本地不能打开的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Track Image Loading效果代码分析
Aug 13 Javascript
jQuery根据纬度经度查看地图处理程序
May 08 Javascript
js自动查找select下拉的菜单并选择(示例代码)
Feb 26 Javascript
js实现键盘操作实现div的移动或改变的原理及代码
Jun 23 Javascript
js实现同一页面多个运动效果的方法
Apr 10 Javascript
JS与jQuery遍历Table所有单元格内容的方法
Dec 07 Javascript
node网页分段渲染详解
Sep 05 Javascript
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
Nov 27 Javascript
vue实现百度搜索功能
Dec 28 Javascript
js实现小球在页面规定的区域运动
Jun 16 Javascript
如何在vue 中使用柱状图 并自修改配置
Jan 21 Vue.js
如何在CocosCreator里画个炫酷的雷达图
Apr 16 Javascript
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 #jQuery
Vuex 快速入门(简单易懂)
Sep 20 #Javascript
vue项目打包部署_nginx代理访问方法详解
Sep 20 #Javascript
js计算两个日期间的天数月的实例代码
Sep 20 #Javascript
小程序scroll-view组件实现滚动的示例代码
Sep 20 #Javascript
详解swiper在vue中的应用(以3.0为例)
Sep 20 #Javascript
Vue框架里使用Swiper的方法示例
Sep 20 #Javascript
You might like
Blitz templates 最快的PHP模板引擎
2010/04/06 PHP
PHP命名空间(Namespace)的使用详解
2013/05/04 PHP
php给每个段落添加空格的方法
2015/03/20 PHP
ThinkPHP5框架实现简单的批量查询功能示例
2018/06/07 PHP
两个select之间option的互相添加操作(jquery实现)
2009/11/12 Javascript
jquery 文本上下无缝滚动,鼠标放上去就停止 小例子
2013/06/05 Javascript
jQuery动态修改字体大小的方法【测试可用】
2016/09/09 Javascript
JavaScript实现鼠标点击导航栏变色特效
2017/02/08 Javascript
tab栏切换原理
2017/03/22 Javascript
JS实现div模块的截图并下载功能
2017/10/17 Javascript
微信小程序实现红包功能(后端PHP实现逻辑)
2018/07/11 Javascript
JavaScript实现与使用发布/订阅模式详解
2019/01/19 Javascript
JavaScript深入V8引擎以及编写优化代码的5个技巧
2019/06/24 Javascript
JavaScript 浏览器对象模型BOM原理与常见用法实例分析
2019/12/16 Javascript
Vue快速实现通用表单验证的方法
2020/02/24 Javascript
在antd4.0中Form使用initialValue操作
2020/11/02 Javascript
Django渲染Markdown文章目录的方法示例
2019/01/02 Python
对python中Librosa的mfcc步骤详解
2019/01/09 Python
Python时间和字符串转换操作实例分析
2019/03/16 Python
python根据文本生成词云图代码实例
2019/11/15 Python
Python创建数字列表的示例
2019/11/28 Python
浅谈Python3多线程之间的执行顺序问题
2020/05/02 Python
pycharm 配置svn的图文教程(手把手教你)
2021/01/15 Python
使用Python+Appuim 清理微信的方法
2021/01/26 Python
详解px单位html5响应式方案
2018/03/08 HTML / CSS
UGG雪地靴德国官网:UGG德国
2016/11/19 全球购物
法国美发器材和产品购物网站:Beauty Coiffure
2016/12/05 全球购物
味多美官网:蛋糕订购,100%使用天然奶油
2017/11/10 全球购物
欧洲领先的电子和电信零售商和服务提供商:Currys PC World Business
2017/12/05 全球购物
会计电算化学生个人的自我评价
2014/02/08 职场文书
党员批评与自我批评范文
2014/09/23 职场文书
老兵退伍标语
2014/10/07 职场文书
政风行风评议心得体会
2014/10/21 职场文书
客房服务员岗位职责
2015/02/09 职场文书
2015上半年个人工作总结
2015/07/27 职场文书
Go语言入门exec的基本使用
2022/05/20 Golang