zoukankan      html  css  js  c++  java
  • nuxt本机运行,如何用ip访问,localhost也可以访问?

    为了方便获取本机ip,我们需要安装一个ip插件

    npm install --save ip

    在server/index.js中:

    var ip = require('ip');
    var myip = ip.address();  // 本机IP
    consola.ready({
        message: `Server listening on http://localhost:${port}`,
        badge: true
      })
      consola.ready({
        message: `Server listening on http://${myip}:${port}`,
        badge: true
      })

    另外,想要用ip访问,还需要在package.json文件中加一段配置:

    "config": {
        "nuxt": {
         "host": "0.0.0.0",
         "port": "8090"
        }
    }

    至此,运行一下项目npm run  dev

    就可以用localhost和本机ip一起访问了

    另一种方式:

    在nuxt.config.js中,配置server项:

    server:{
        port: 8000,//端口
        host: '0.0.0.0' // default: localhost   
    }

    然后在 server/index.js中

    获取本机ip

    function getIPAdress() {
      //获取本机ip
      var interfaces = require('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;
              }
          }  
      }
    }

    更改app监听的主机以及端口:

    // Listen the server
      let devIp = getIPAdress();
      app.listen(port, devIp)
     
      consola.ready({
        message: `Server listening on http://${devIp}:${port}`,
        badge: true
      })

  • 相关阅读:
    JAVA中使用FTPClient上传下载
    js 计算题
    js 中的call apply
    js闭包、原型、继承、作用域
    jQuery中.bind() .live() .delegate() .on()的区别
    Javascript中String、Array常用方法介绍
    常用函数
    事件委托,阻止默认事件
    【探讨】javascript事件机制底层实现原理
    css 垂直水平居中
  • 原文地址:https://www.cnblogs.com/fqh123/p/12920319.html
Copyright © 2011-2022 走看看