前端架构之本地ip访问

最新推荐文章于 2024-05-16 11:06:23 发布

someRian

最新推荐文章于 2024-05-16 11:06:23 发布

阅读量771

点赞数

分类专栏： ip

本文链接：https://blog.csdn.net/maichaoqun/article/details/104927430

版权

ip 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

vue+webpack项目localhost访问可以，切换本地ip不可以怎么办？

第一步：在config/index.js文件里作如下设置

module.exports = {
	dev: {
    	host: '0.0.0.0',
	}
}

长知识：如何每次开发启动成功后打印访问地址显示ip而不是http://0.0.0.0:8080？
设置如下：build/webpack.dev.conf.js

var os = require('os');
// var ip = os.networkInterfaces()['以太网'][1].address // 根据本机情况获取ip
var ip = os.networkInterfaces()['WLAN'][1].address      //重点获取到本地ip
module.exports = new Promise((resolve, reject) => {
  portfinder.basePort = process.env.PORT || config.dev.port
  portfinder.getPort((err, port) => {
    if (err) {
      reject(err)
    } else {
      // publish the new Port, necessary for e2e tests
      process.env.PORT = port
      // add port to devServer config
      devWebpackConfig.devServer.port = port

      // Add FriendlyErrorsPlugin
      devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
        compilationSuccessInfo: {
        //把ip打印出来
          messages: [`Your application is running here: http://${devWebpackConfig.devServer.host=='0.0.0.0'?ip:devWebpackConfig.devServer.host}:${port}`],
        },
        onErrors: config.dev.notifyOnErrors
        ? utils.createNotifierCallback()
        : undefined
      }))

      resolve(devWebpackConfig)
    }
  })
})