解决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 相关文章推荐
使用JavaScript检测Firefox浏览器是否启用了Firebug的代码
Dec 28 Javascript
转义字符(\)对JavaScript中JSON.parse的影响概述
Jul 17 Javascript
AJAX跨域请求json数据的实现方法
Nov 11 Javascript
Jquery实现控件的隐藏和显示实例
Feb 08 Javascript
js 绑定键盘鼠标事件示例代码
Feb 12 Javascript
JavaScript正则表达式之multiline属性的应用
Jun 16 Javascript
JavaScript截断字符串的方法
Jul 15 Javascript
轻松实现JavaScript图片切换
Jan 12 Javascript
BootStrap3使用错误记录及解决办法
Dec 22 Javascript
AngularJS中下拉框的基本用法示例
Oct 11 Javascript
记录微信小程序 height: calc(xx - xx);无效问题
Dec 30 Javascript
React生命周期原理与用法踩坑笔记
Apr 28 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
WordPress开发中短代码的实现及相关函数使用技巧
2016/01/05 PHP
一些经常会用到的Javascript检测函数
2010/05/31 Javascript
js鼠标左右键 键盘值小结
2010/06/11 Javascript
jQuery页面加载初始化常用的三种方法
2014/06/04 Javascript
Javascript快速排序算法详解
2014/12/03 Javascript
使用jquery动态加载js文件的方法
2014/12/24 Javascript
jscript读写二进制文件的方法
2015/04/22 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
2015/10/25 Javascript
使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
2016/03/22 Javascript
实例讲解jQuery EasyUI tree中state属性慎用
2016/04/01 Javascript
Java遍历集合方法分析(实现原理、算法性能、适用场合)
2016/04/25 Javascript
浅析jQuery 遍历函数,javascript中的each遍历
2016/05/25 Javascript
javascript中Number的方法小结
2016/11/21 Javascript
Vue.js基础知识小结
2017/01/13 Javascript
vue.js实例对象+组件树的详细介绍
2017/10/20 Javascript
详解webpack 打包文件体积过大解决方案(code splitting)
2018/04/10 Javascript
详解Vue-cli中的静态资源管理(src/assets和static/的区别)
2018/06/19 Javascript
react-native使用leanclound消息推送的方法
2018/08/06 Javascript
vue和better-scroll实现列表左右联动效果详解
2019/04/29 Javascript
vue webpack重写cookie路径的方法
2019/07/10 Javascript
[02:44]2014DOTA2 国际邀请赛中国区预选赛 大神红毯秀
2014/05/25 DOTA
Python 检查数组元素是否存在类似PHP isset()方法
2014/10/14 Python
python简单读取大文件的方法
2016/07/01 Python
Python代码实现删除一个list里面重复元素的方法
2019/04/02 Python
Django model select的多种用法详解
2019/07/16 Python
使用py-spy解决scrapy卡死的问题方法
2020/09/29 Python
python使用bs4爬取boss直聘静态页面
2020/10/10 Python
国外最大的眼镜网站:Coastal
2017/08/09 全球购物
澳大利亚儿童和婴儿产品在线商店:Lime Tree Kids
2017/10/05 全球购物
在线实验室测试:HealthLabs.com
2020/05/03 全球购物
Unix如何在一行中运行多个命令
2015/05/29 面试题
综合测评自我鉴定
2013/10/08 职场文书
合作意向书模板
2014/03/31 职场文书
2016年寒假社会实践活动心得体会
2015/10/09 职场文书
详解nodejs内置模块
2021/05/06 NodeJs
JS轻量级函数式编程实现XDM三
2022/06/16 Javascript