webpack配置局域网访问项目

发布时间 2023-11-12 23:51:33作者: SimoonJia

 

要配置webpack允许局域网访问项目,你需要做以下几个步骤:
 
1. 在webpack配置文件中,找到devServer选项,并设置其属性`host`为`0.0.0.0`。这将允许其他设备通过局域网IP访问你的项目。
module.exports = {
  // ...
  devServer: {
    host: '0.0.0.0',
    // ...
  },
  // ...
};
2. 在终端中运行`npm run dev`启动开发服务器。
 
3. 在你的设备的终端中,运行`ifconfig`(macOS/Linux)或`ipconfig`(Windows)命令,找到你的局域网IP地址。
 
4. 在其他设备上的浏览器中输入你的局域网IP地址加上开发服务器监听的端口号(默认是8080),例如`http://192.168.1.100:8080`。现在其他设备应该能够访问你的项目了。
 
请注意,一些防火墙设置可能会阻止其他设备访问你的项目。如果你遇到问题,请检查你的防火墙设置或尝试在其他网络环境中进行测试。