javascript - webpack-dev-server host 必须指定具体ip？

问题描述

问 题

环境

是这样的，我主要通过aliyun上的ECS进行开发。ubuntu 14.04

在webpack-dev-server的设置写进了webpack.config.js

    devServer: {
        host: HOST,
        port: 4001,
        contentBase: 'dist/',
        historyApiFallback: true,
    },

编译时启用命令webpack-dev-server --hot --inline

疑问

假设阿里云的主机ip为192.168.1.77

如果我将host配置为127.0.0.1，则浏览器打开192.168.1.77:4001无法serve。
但将devServer中的host直接写为192.168.1.77 则可以通过浏览器得到 serve 结果？

请问，这是原因呢？

如何仅使用 127.0.0.1:4001 ？

解决方案

使用本地IP可以访问，应该配置就是没有太大问题的，添加端口不能与不添加端口能，就是用的80端口，这一点需要排查一下webpack配置。如果是配置好了host，使用127.0.0.1 和192.168.1.77都应该是可以访问的，这一点需要排查一下host 配置

---

更新：
上面回复是手机回复，用电脑测试了与一下，如果host指明了，只能使用配置绑定的host才能访问。

如果需要使localhost和127.0.0.1以及192.168.1.77均可以访问，你可以使用host配置为0.0.0.0

---

如何仅使用 127.0.0.1:4001 ？
你可以绑定时指明host为127.0.0.1

这篇关于javascript - webpack-dev-server host 必须指定具体ip？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！