vue 项目基于webpack 构建自动获取本机局域网ip地址

深藏阁楼爱情的钟 2021-11-10 09:02 813阅读 0赞

1.在 config 文件里的 index.js 里面加上以下代码：

//config/index.js
    const os = require('os');
    
    function getNetworkIp() {
    	let needHost = ''; // 打开的host
    	try {
    		// 获得网络接口列表
    		let network = os.networkInterfaces();
    		for (let dev in network) {
    			let iface = network[dev];
    			for (let i = 0; i < iface.length; i++) {
    				let alias = iface[i];
    				if (alias.family === 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal) {
    					needHost = alias.address;
    				}
    			}
    		}
    	} catch (e) {
    		needHost = 'localhost';
    	}
    	return needHost;
    }

2.然后将 dev 里的 host 改成 getNetworkIp() 即可，代码如下；

dev: {
    	assetsSubDirectory: 'static',
    	assetsPublicPath: '/',
    	proxyTable: proxy,
    	host: getNetworkIp(),
    	port: 9528,
    	autoOpenBrowser: true,
    	errorOverlay: true,
    	notifyOnErrors: false,
    	poll: false,
    	useEslint: true,
    	showEslintErrorsInOverlay: false,
    	devtool: 'source-map',
    	cssSourceMap: false
    }

然后运行项目时，控制台就会显示项目在局域网IP运行的地址

发表评论取消回复

表情：

评论列表（有 0 条评论，813人围观）

还没有评论，来说两句吧...

相关阅读

相关如何获取本机在局域网中的IP地址？

原文地址：[https://segmentfault.com/a/1190000007462741][https_segmentfault.com_a_119000000746

男娘i/ 2024年03月24日 19:37/ 0 赞/ 52 阅读

相关 JAVA获取本机IP地址

在百度搜索“JAVA获取本机IP地址”，基本上搜到比较普遍的说法是InetAddress.getLocalHost().getHostAddress()，实际上这段代码在复杂环

水深无声/ 2022年12月07日 02:19/ 0 赞/ 265 阅读

相关 js获取本机ip地址

//IP地址获取方法 function getUserIP(onNewIP) { // onNewIp - your listener function fo

￡神魔★判官ぃ/ 2022年08月30日 05:15/ 0 赞/ 268 阅读

相关 Java获取本机ip地址

InnetAddress这个Java类,可以获取到,机器占有的ip地址。然而,这类在windows下可以正常工作,但是在Linux下就呵呵了，返回的永远是127.0.0.1

青旅半醒/ 2022年06月09日 05:37/ 0 赞/ 351 阅读

相关获取本机IP地址

牛娜新闻发布系统进行的时候，发表评论需要获取发表者的本机IP地址，但是使用 string userIp = Request.ServerVariables\["Remote\_

逃离我推掉我的手/ 2022年06月04日 09:39/ 0 赞/ 290 阅读

相关 Spring项目如何获取本机的IP地址

个人开发的基于内存的请求监控系统。欢迎star和一同参与。[https://github.com/standup-jb/tortoise][https_github.com_s

超、凢脫俗/ 2022年05月16日 02:49/ 0 赞/ 337 阅读

相关 python获取本机局域网ip地址（Windows）

Talk is cheap, show the code: （win10+python3.7在wifi和热点环境下亲测可用) !/usr/bin/env python

超、凢脫俗/ 2022年04月16日 03:57/ 0 赞/ 798 阅读

相关 Vue项目启动时自动获取本机IP地址

前言在启动vue项目时，我们发现需要自己配置启动的ip地址，这样在多人开发便显得很不方便。解决方案：使用vue-cli构建项目：（其他配置类似） vu

叁歲伎倆/ 2022年03月22日 06:14/ 0 赞/ 929 阅读

相关 webpack构建项目连接本机IP仍无法访问问题

通过连接IP地址，确定连接成功后仍无法访问本机运行项目，需要对项目配置进行修改，有两种情况：　　第一种是在config/index.js,把module.exports=\

蔚落/ 2021年11月29日 06:28/ 1 赞/ 568 阅读

相关 vue 项目基于webpack 构建自动获取本机局域网ip地址

1.在 config 文件里的 index.js 里面加上以下代码： //config/index.js const os = require('os');

深藏阁楼爱情的钟/ 2021年11月10日 09:02/ 0 赞/ 814 阅读