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

2023年7月10日 225次阅读 来源: 李佳明先生

做页面的时候，有时候有项目需要，需要使用手机访问开发的网页，普通的项目的话通常使用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
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞