Webpack Vue项目开发环境局域网访问配置
在开发Webpack Vue项目时，若需进行局域网访问和调试，可以通过以下步骤配置：
- 获取局域网IP:
-
使用
ipconfig命令查看本机在局域网内的IP地址。 -
修改配置文件:
- 打开项目根目录下的
config/index.js文件。 - 将
host属性值修改为获取到的局域网IP地址，并添加http://前缀。 - 可选：修改
port属性值自定义访问端口，建议避免使用常用端口。
javascript
// config/index.js
module.exports = {
// ...
dev: {
// ...
host: 'http://192.168.2.153', // 修改为您的局域网IP
port: 3000, // 可选：自定义端口
// ...
},
// ...
};
- 访问项目:
- 完成配置后，局域网内其他设备可使用
http://局域网IP:端口号访问项目。 - 本机访问也需使用配置的局域网IP和端口号。
注意: 修改配置后，localhost将无法访问项目。
文件大小：30.49KB
评论区