文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
首页 > web前端 > js教程 > 正文

VUE-CLI @2.9.1以后版本的问题

php中世界最好的语言
发布： 2018-03-09 14:33:36
原创
1910人浏览过

这次给大家带来vue-cli @2.9.1以后版本的问题，vue-cli @2.9.1之后版本的bug需要注意的事项有哪些，下面就是实战案例，一起来看一下。

bug

（1）修改config目录下index.js的配置：把localhost改为‘0.0.0.0’   //ps（本地ip）

1.png

或者你也可以在package.json里加上‘--host 0.0.0.0’

立即学习“前端免费学习笔记（深入）”；

2.png

重新run一下，把地址栏中的0.0.0.0改成自己的ip就可以访问了。但是，在手机端却看不到内容！！！（苹果ios11以下显示异常，ios11以上正常，这是逼我升级的节奏哇）

于是乎，我又继续查找资料~~~~~

（2）修改config目录下index.js的配置：把‘eval-source-map’改成‘inline-source-map’就可以了

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

2018前端面试常见算法题

commonJS详解

以上就是VUE-CLI @2.9.1以后版本的问题的详细内容，更多请关注php中文网其它相关文章！

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：原生JavaScript对dom节点操作总结 下一篇：基于jquery的一个懒加载组件
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
JS怎样检测字体加载完成 4个回调函数确保字体加载后渲染 处理字体加载失败的方法包括：1.设置超时时间，通过FontFaceObserver的超时参数确保长时间未加载时触发失败回调；2.使用CSS设置备用字体以保证内容可读性；3.在失败回调中加入重试机制，并限制最大重试次数防止无限循环；4.提示用户刷新页面或检查网络连接。此外，优化字体加载性能可通过使用WOFF2格式、字体子集化、CDN托管、预加载字体文件以及合理设置font-display属性避免FOIT和FOUT问题。浏览器对FontFaceAPI支持良好，现代浏览器均可使用，而老浏览器需降级处理
2025-06-25 14:23:01
786
js如何实现数组去重 数组去重的5种经典方法对比 数组去重的常见方法有：1.使用Set，通过将数组转为Set再转回数组实现去重，优点是代码简洁但兼容性差；2.利用indexOf判断元素是否已存在，优点兼容性好但效率低；3.使用includes替代indexOf，更易读但兼容性不如indexOf；4.借助对象属性名唯一性，效率高但无法区分数字和字符串类型的数字；5.filter结合indexOf，代码简洁但效率较低；对于对象元素去重，可通过序列化对象作为键存入Set实现；处理NaN时需特殊判断，因NaN不等于自身。性能上Set和对象属性方式通常更
2025-06-25 14:10:02
944
js怎样实现元素弹性动画 5种弹性运动公式让交互更生动 实现JavaScript元素弹性动画的关键在于使用requestAnimationFrame结合弹性运动公式，主要包括5种常用方法：1.阻尼振动公式，通过刚度和阻尼系数模拟弹簧震荡；2.基于时间的缓动函数（如easeOutElastic），提供类似弹性的过渡效果；3.弹簧物理模型，引入质量参数更真实地模拟弹簧运动；4.过阻尼弹簧，通过增大阻尼避免震荡；5.临界阻尼弹簧，通过计算最优阻尼值使物体快速平稳到达目标位置。选择合适的公式取决于所需效果，调整stiffness、damping、mass等参
2025-06-25 13:46:02
950
JS怎样实现元素镜像效果 4种CSS变形创建对称镜像 实现JS元素镜像效果的核心在于使用CSS的transform属性配合scaleX()和scaleY()函数进行水平或垂直翻转，1.JS用于动态控制这些样式的应用；2.通过添加或移除类名实现镜像切换，如mirrorHorizontally()函数；3.可使用transform-origin调整镜像中心点，也可通过JS动态设置；4.组合其他变形时注意顺序以获得预期效果，通常先缩放再旋转或位移；5.若出现模糊问题，可尝试使用backface-visibility:hidden或确保尺寸为整数像素；6.
2025-06-25 11:06:02
963
js如何检测页面可见性 Page Visibility API应用场景解析 检测页面可见性主要依赖于PageVisibilityAPI，通过监听visibilitychange事件并读取document.visibilityState属性判断状态；document.visibilityState包含visible、hidden、prerender和unloaded四种值；示例代码通过监听页面可见性变化实现动画的暂停与恢复；该API常用于优化视频播放，在页面不可见时暂停视频以节省资源；在SPA中需结合路由逻辑或生命周期钩子确保正确响应可见性变化；对不支持的浏览器可通过检测
2025-06-25 10:51:02
402
js怎样实现文件分片上传 大文件分片上传与断点续传实战 文件分片上传通过将大文件切分为小块提升上传效率与稳定性。其核心实现步骤如下：1.前端使用FileReader和slice()方法进行文件切割；2.利用fetch或XMLHttpRequest逐个上传分片，并附带分片索引等元数据；3.通过localStorage记录已上传分片实现断点续传，后端需存储并验证分片状态；4.服务器接收所有分片后按序合并成完整文件；5.合理选择4MB-8MB的分片大小以平衡请求次数与失败率；6.上传失败时采用重试机制，设置最大重试次数与延迟间隔；7.监听上传进度事件实现U
2025-06-25 10:19:01
639
js如何实现粒子动画效果 Canvas打造炫酷粒子特效 如何实现粒子动画效果？1.使用JavaScript操作Canvas，初始化Canvas元素并获取上下文；2.定义Particle类，包含位置、速度、大小、颜色等属性，并实现draw()和update()方法；3.创建粒子数组，随机生成多个粒子实例；4.使用requestAnimationFrame创建动画循环，不断更新和绘制粒子；5.可添加交互效果，如鼠标移动影响粒子运动。优化性能的方法包括减少粒子数量、使用离屏Canvas、优化更新逻辑、减少状态切换、使用WebWorkers、合理使用透明度、
2025-06-25 10:13:01
796
js如何判断变量是否为数组 5个判断数组类型的实用技巧分享 判断JavaScript变量是否为数组的最推荐方法是使用Array.isArray()。1.Array.isArray()：最推荐的方法，简单直接，跨frames/windows安全，兼容现代浏览器（不支持旧版IE）；2.instanceof：存在多frames/windows下不可靠、原型链可能被修改的问题；3.Object.prototype.toString.call()：通用可靠，适用于所有类型，但代码稍长；4.constructor：易受constructor属性被修改的影响；5.鸭子
2025-06-25 10:08:01
195
js怎么解析xml数据 js解析xml数据的4种常用方法解析 JS解析XML数据的核心方法包括使用DOMParser、XMLHttpRequest和第三方库如xml2js。①DOMParser是浏览器内置的解析器，适用于小型XML文档，语法简单但处理大型文件效率较低；②XMLHttpRequest用于异步加载服务器端XML数据，结合DOMParser解析，适合需要从网络获取数据的场景；③xml2js将XML转换为JSON对象，便于操作，但需引入额外依赖，适合Node.js环境或复杂数据结构处理；④若项目已使用jQuery，可利用$.parseXML()简化
2025-06-25 10:06:02
363
js怎样实现网格布局动画 js网格动画的5种交互效果 JavaScript实现网格布局动画的核心是结合CSSGrid布局与DOM操作，通过动态修改样式属性触发视觉效果。1.创建CSSGrid容器并定义行列结构；2.使用JavaScript操控网格项的样式或借助GSAP、Anime.js等库实现动画；3.通过事件监听实现交互效果如悬停放大、颜色渐变、翻转、涟漪和随机位移；4.优化性能可通过减少DOM操作、使用requestAnimationFrame、硬件加速、节流防抖及缓存计算；5.实现响应式动画需采用auto-fit、媒体查询、相对单位及动态计算
2025-06-25 08:48:02
258
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部