vue踩坑笔记 七.使用ip地址访问本机运行的vue项目

一.确保本机tomocat 或者apache运行正常

在浏览器使用localhost或者127.0.0.1访问相关资源,保证web网络服务器正常

二.获取本机ip地址

进入dos界面

win+R
vue踩坑笔记 七.使用ip地址访问本机运行的vue项目
输入cmd

获取本机ip地址

输入ipconfig命令
vue踩坑笔记 七.使用ip地址访问本机运行的vue项目
获取本机ip地址
vue踩坑笔记 七.使用ip地址访问本机运行的vue项目

三.输入ip地址加端口号

端口号为你运行vue项目时的端口号,不一定时8080,根据实际情况填写
vue踩坑笔记 七.使用ip地址访问本机运行的vue项目
浏览器进行访问
vue踩坑笔记 七.使用ip地址访问本机运行的vue项目

四.运行错误或拒绝访问(很关键)

进入vue项目的根目录/package.json文件
在script/dev项中添加"–host 0.0.0.0"
vue踩坑笔记 七.使用ip地址访问本机运行的vue项目

五.重启项目

成功访问
vue踩坑笔记 七.使用ip地址访问本机运行的vue项目