要配置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`。现在其他设备应该能够访问你的项目了。
请注意,一些防火墙设置可能会阻止其他设备访问你的项目。如果你遇到问题,请检查你的防火墙设置或尝试在其他网络环境中进行测试。
标签:...,项目,0.0,局域网,访问,webpack
From: https://www.cnblogs.com/Simoon/p/17828206.html