vue 获取当前本机ip_Vue项目启动时自动获取本机IP地址

在启动vue项目时，我们发现需要自己配置启动的ip地址，这样在多人开发便显得很不方便。

解决方案：

使用vue-cli构建项目：(其他配置类似)

vue init webpack myproject

1.在当前的build目录下新建一个get-ip.js文件用来获取本机ip地址

// build/get-ip.js

var os = require('os'), ip = '', ifaces = os.networkInterfaces() // 获取本机ip

out:

for (var i in ifaces) {

for (var j in ifaces[i]) {

var val = ifaces[i][j]

if (val.family === 'IPv4' && val.address !== '127.0.0.1') {

ip = val.address

break out

}

module.exports = ip

2.引入

// webpack.dev.conf.js

const IP = require('./get-ip')

const HOST = process.env.HOST

...

devServer: {

...

host: HOST || config.dev.host || IP

}

// 当HOST和config.dev.host不存在时则使用本机IP

3.启动：

npm start

vue 获取当前本机ip_Vue项目启动时自动获取本机IP地址相关推荐

vue配置项目启动时自动打开浏览器
在vue.config.js文件中添加以下配置,重点是配置host,port,open module.exports = {devServer: {host: 'localhost',//启动后的ho ...
web项目启动时初始化加载系统参数获取无法自动注入的服务
2019独角兽企业重金招聘Python工程师标准>>> 在web.xml里面配置监听项目启动时直接初始化上下文 <listener><display-name& ...
Vue项目启动时卡在98% after emitting StylelintWebpackPlugin无法运行
Vue项目启动时卡在98% after emitting StylelintWebpackPlugin无法运行背景:在启动vue项目时,突然出现这个错误,排查了很久终于找到原因,此处记录一下. 问 ...
学习笔记—Vue项目启动时卡在98% after emitting CopyPlugin的问题解决
今天,在做vue项目时,遇到了一个问题,使得vue项目启动时,一直卡在98% after emitting CopyPlugin的位置不动. 问题: 在vue项目中使用了require(),但是里面却 ...
Vue进阶（幺陆叁）：vue项目启动后自动打开页面并设置默认浏览器
文章目录一.修改默认浏览器二.vue 项目启动自动打开页面三.拓展阅读以windows 系统为例,操作方法如下: 一.修改默认浏览器设置谷歌浏览器为默认浏览器. 1.首先打开"开始 ...
Springboot项目启动后自动在浏览器打开
Springboot项目启动后自动在浏览器打开(超简单)_杨默他的国的博客-CSDN博客_springboot启动后怎么看网页 try {InetAddress addr = InetAddress. ...
Quartz详解和使用CommandLineRunner在项目启动时初始化定时任务
文章目录 Quartz介绍自定义CommandLineRunner类: 创建.更新定时任务 service层自定义QuartzJobBean 智能调度组件定时任务实体类: mapper接口: 时 ...
Springboot项目启动后自动打开浏览器访问(超实用)
Springboot项目启动后自动打开浏览器访问 1.在Springboot项目中每次启动完项目,手动在浏览器输入访问地址太麻烦了.在启动类中加入下方代码,就可高效地在控制台中单击URL访问项目了~ ...
项目启动时socket自动启动_spring boot 项目在启动时调用接口
1.环境目前开发的项目使用的spring boot(2.1.4.RELEASE)+ssm 2. 需求现在有一个数据处理任务的接口,在spring boot项目启动后,可以手动的去启动任务,但是这样 ...
java启动时执行_java怎么实现项目启动时执行指定方法
本文实例为大家共享了java项目启动时执行指定方法,供大家参考,详细内容如下想到的就是监听步骤如下: 1.配置web.xml com.listener.InitListener 2.编写InitLi ...

vue 获取当前本机ip_Vue项目启动时自动获取本机IP地址

vue 获取当前本机ip_Vue项目启动时自动获取本机IP地址相关推荐

最新文章

热门文章