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

作者 : 开心源码 本文共351个字,预计阅读时间需要1分钟 发布时间: 2022-05-12 共211人阅读

页面的时候,有时候有项目需要,需要使用手机访问开发的网页,普通的项目的话通常使用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’,就可通过手机访问

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » vue-cli搭建的项目使用局域网访问(手机通过ip地址访问vue项目)

发表回复