vue-cli搭建的项目使用局域网访问(手机通过ip地址访问vue项目)

页面的时候,有时候有项目需要,需要使用手机访问开发的网页,普通的项目的话通常使用phpstudy建立服务器,手机通过局域网访问,但今天测试的时候发现vue-cli构建的项目用手机却无法访问
经过度娘后知道:

在根目录的config的index.js下改如下代码:
module.exports = {
  dev: {
    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {},
    host: '0.0.0.0', // 将此处localhost 修改为  '0.0.0.0',0.0.0.0意义相当于*,表示所有
    port: 8080, 
    autoOpenBrowser: false,
    }
  }
host的localhost改为’0.0.0.0’,即可通过手机访问
    原文作者:李佳明先生
    原文地址: https://www.jianshu.com/p/8cf9ed6fef16
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞