webpack-dev-server远程访问配置方法


Posted in Javascript onFebruary 22, 2018

下面的package.json文件中配置的webpack-dev-server为开发模式,可以使用http://localhost:8080或http://127.0.0.1:8080进行访问

"scripts": { 
  "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot", 
  "build": "rimraf dist && cross-env NODE_ENV=production webpack --progress --hide-modules" 
 },

当需要远程访问时,需要在package.json中进行修改

"scripts": { 
  "dev": "webpack-dev-server --host 10.30.1.102 --devtool eval --progress --colors --hot --content-base build", 
  "build": "rimraf dist && cross-env NODE_ENV=production webpack --progress --hide-modules" 
 },

此时,可以通过http://192.168.10.8:8080或http://127.0.0.1:8080这种形式进行访问,但是http://localhost:8080无法进行访问。

以上这篇webpack-dev-server远程访问配置方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript入门基础之私有变量
Feb 23 Javascript
javascript+iframe 实现无刷新载入整页的代码
Mar 17 Javascript
JS下拉缓冲菜单示例代码
Aug 30 Javascript
一个非常全面的javascript URL解析函数和分段URL解析方法
Apr 12 Javascript
js实现点击添加一个input节点
Dec 05 Javascript
JS之获取样式的简单实现方法(推荐)
Sep 13 Javascript
js判断浏览器是否支持严格模式的方法
Oct 04 Javascript
JS制作类似选项卡切换的年历
Dec 03 Javascript
ajax 提交数据到后台jsp页面及页面跳转问题
Jan 19 Javascript
js实现前面自动补全位数的方法
Oct 10 Javascript
Moment.js实现多个同时倒计时
Aug 26 Javascript
Layui动态生成select下拉选择框不显示的解决方法
Sep 24 Javascript
关于Webpack dev server热加载失败的解决方法
Feb 22 #Javascript
基于webpack-hot-middleware热加载相关错误的解决方法
Feb 22 #Javascript
解决Webpack 热部署检测不到文件变化的问题
Feb 22 #Javascript
webpack-dev-server自动更新页面方法
Feb 22 #Javascript
javascript高仿热血传奇游戏实现代码
Feb 22 #Javascript
实现jquery放大镜的两种方法
Feb 22 #jQuery
JavaScript正则表达式函数总结(常用)
Feb 22 #Javascript
You might like
PHP fopen()和 file_get_contents()应用与差异介绍
2014/03/19 PHP
php实现用已经过去多长时间的方式显示时间
2015/06/05 PHP
Yii框架学习笔记之session与cookie简单操作示例
2019/04/30 PHP
摘自百度的图片轮换效果代码
2007/11/19 Javascript
jQuery AnythingSlider滑动效果插件
2010/02/07 Javascript
初学js 新节点的创建 删除 的步骤
2011/07/04 Javascript
基于jQuery的弹出框插件
2012/03/18 Javascript
JavaScript中__proto__与prototype的关系深入理解
2012/12/04 Javascript
JQuery实现鼠标滑过显示导航下拉列表
2013/09/12 Javascript
javascript得到当前页的来路即前一页地址的方法
2014/02/18 Javascript
Backbone.js的一些使用技巧
2015/07/01 Javascript
javascript 继承学习心得总结
2016/03/17 Javascript
全面了解js中的script标签
2016/07/04 Javascript
JavaScript触发onScroll事件的函数节流详解
2016/12/14 Javascript
详解Vue2+Echarts实现多种图表数据可视化Dashboard(附源码)
2017/03/21 Javascript
ajax +NodeJS 实现图片上传实例
2017/06/06 NodeJs
使用selenium抓取淘宝的商品信息实例
2018/02/06 Javascript
vue2.0 循环遍历加载不同图片的方法
2018/03/06 Javascript
layui内置模块layim发送图片添加加载动画的方法
2019/09/23 Javascript
JavaScript 俄罗斯方块游戏实现方法与代码解释
2020/04/08 Javascript
详解JavaScript的this指向和绑定
2020/09/08 Javascript
Python基于TCP实现会聊天的小机器人功能示例
2018/04/09 Python
cProfile Python性能分析工具使用详解
2019/07/22 Python
PyCharm中配置PySide2的图文教程
2020/06/18 Python
带你学习Python如何实现回归树模型
2020/07/16 Python
前端H5 Video常见使用场景简介
2020/08/21 HTML / CSS
日本亚马逊官方网站:Amazon.co.jp
2020/04/14 全球购物
什么是重载?CTS、CLS和CLR分别做何解释
2012/05/06 面试题
自荐信范文
2013/12/10 职场文书
政风行风评议心得体会
2014/10/21 职场文书
植树节新闻稿
2015/07/17 职场文书
公共场所卫生管理制度
2015/08/05 职场文书
2019毕业典礼主持词!
2019/07/05 职场文书
经典人生语录分享:不畏将来,不念过去,笑对当下
2019/12/12 职场文书
解读Vue组件注册方式
2021/05/15 Vue.js
十大最强飞行系宝可梦,BUG燕上榜,第二是飞行系王者
2022/03/18 日漫