vue启动时自动获取本地ip地址

在启动项目自动获取本地ip地址

index.js

'use strict';

const devEnv = require('./dev.env');
const path = require('path');


const os = require('os');
///获取本机ip///
function getIPAdress() {
    var interfaces = os.networkInterfaces();
    for (var devName in interfaces) {
        var iface = interfaces[devName];
        for (var i = 0; i < iface.length; i++) {
            var alias = iface[i];
            if (alias.family === 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal) {
                return alias.address;
            }
        }
    }
}
const myHost = getIPAdress();

module.exports = {
  dev: {
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      '/': {
        target: devEnv.API_ROOT,
        changeOrigin: true,
        pathRewrite: {
          // '^/': '/weixin/api/'
        }
      }
    },
    // host: 'localhost',
    host: myHost,//浏览器访问局域网ip地址http://192.168.1.xxx:8081
    port: 8080,
    autoOpenBrowser: true,
    errorOverlay: true,
    notifyOnErrors: true,
    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-

    useEslint: false,
    showEslintErrorsInOverlay: false,


    devtool: 'cheap-module-eval-source-map',
    cacheBusting: true,
    cssSourceMap: true
  },
  build: {
    index: path.resolve(__dirname, '../dist/index.html'),
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',
    productionSourceMap: false,
    productionGzip: false,
    productionGzipExtensions: ['js', 'css'],
    bundleAnalyzerReport: process.env.npm_config_report
  }
};

config文件下其他那两个文件的ip注释掉就可以了

控制台打印的就是本地的ip地址了