本地vue-cli启动了一个项目只能通过localhost:8080访问到,同一局域网下其他的手机
时间: 2023-09-08 19:00:31 浏览: 135
本地vue-cli启动的项目默认只能通过localhost:8080访问,这是因为它默认只绑定了本地的IP地址(即127.0.0.1)。如果想让同一局域网下的其他手机也能访问到该项目,可以通过以下方式进行设置:
1. 查找本地IP地址:在命令行中输入ipconfig(Windows)或ifconfig(Mac/Linux),找到与局域网连接的本地IP地址,通常形如192.168.x.x。
2. 修改vue-cli的配置文件:在项目的根目录下找到config文件夹,打开index.js文件。找到dev属性下的host属性,默认值是'localhost',将其改为你的本地IP地址。
例如:host: '192.168.x.x'
3. 保存并重新启动项目:保存修改后的配置文件,并重新启动vue-cli项目。
4. 在其他手机上访问:确保其他手机与同一局域网下,并在手机浏览器中输入你的本地IP地址加上端口号8080(例如:192.168.x.x:8080),即可访问到vue-cli项目。
需要注意的是,如果你的电脑使用了防火墙软件,可能需要允许其他设备通过局域网访问你的电脑。另外,由于vue-cli启动的项目是开发环境下的服务器,可能在某些手机浏览器上存在兼容性问题,建议使用Chrome或Safari等主流浏览器进行访问。
阅读全文