webpack-dev-server ip无法访问解决方案

1,149 阅读1分钟

没有使用框架搭建项目, 使用webpck-dev-server起一个简单的服务,只能使用localhost访问,ip地址无法访问

查了一些解决方案,踩坑记录,先说有效解决方案

方案1:在webpack.config.js文件中,devServer配置中,新增host:'0.0.0.0'

方案2:在package.json中,直接加上 --host 0.0.0.0

(tip:如果没有生效,记住查看下自己的ip是否正确,之前自己设置不生效,就是因为网络变了,ip变了导致)

方案一

image.png

var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    entry: './static/index.js',                    //入口js文件即可
    output: {
        path: path.join(__dirname, 'dist'), //输出目录的配置,模板、样式、脚本、图片等资源的路径配置都相对于它
        filename: "bundle.js"               //输出js名称
    },
    devServer: {
      open:true,
      port:8001,
      host:'0.0.0.0',
    } 
};

方案二

image.png

不需要做的设置

不需要更改node_modules 里webpack-dev-server的配置

image.png