实现ip地址访问本地vue项目

最新推荐文章于 2024-04-07 11:27:49 发布
最新推荐文章于 2024-04-07 11:27:49 发布
阅读量761 收藏
点赞数 1
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/z1010017573/article/details/97781654
本文介绍如何在Windows和Mac上查看设备的IP地址，并指导如何修改Host文件设置，实现特定的网络配置，适用于项目开发与网络调试。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1，查看当前ip

window+R cmd 打开命令提示符  输入 ipconfig

mac:ifconfig

2，在config里index

找到host 修改为 ‘0.0.0.0’

然后重启项目就可以了

 

狼太保
关注
如何解决vue项目本地ip地址无法访问项目问题？【亲测有效】
**My Coding Family**
09-04 1万+
如何解决vue项目本地ip地址无法访问项目问题？【亲测有效】
局域网内vue2 3 配置本地IP地址访问项目
最新发布
m0_68716504的博客
06-24 2271
/在这句代码后面添加 --host 0.0.0.0" 如下messages: [ //下面两个地方，直接复制即可` - Local: http://localhost:${port}`, //配置这里` - Network: http://${require('ip').address()}:${port}`,//配置这里],},?}))
vue本地项目可以局域网能访问（IP地址访问）
Yiu的博客
04-30 5046
最近小伙伴们问我为什么VUE为神马不能再同局域网内访问，emmmm....！ 哈哈哈,怎么可能呢！本博主是无所不能的好不啦！ 下面进入主题，总结一下vue本地项目可以用IP地址 在局域网内访问 方法1.将index.js中的host的值改为‘0.0.0.0’ config/index.js,有个host的配置项，默认值为“localhost”,我把localhost改成ip地址，重...
[vue]本地项目的访问
前端
09-15 499
这个问题的场景是在同一局域网内的另一台电脑想要查看项目,发现默认的不是展示一个本地访问地址，一个IP地址访问地址。
vue项目怎样既能通过ip访问项目，又可以本地localhost访问
weixin_42734024的博客
09-04 1461
一. package.json "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0" 二. /config/index.js host: '0.0.0.0',
启动项目的时候想用本地的ip和端口号一起作为访问的地址
weixin_55582221的博客
08-02 1244
想用vue搭建一个简单的项目用来做简单的网页。
完美解决通过IP地址访问VUE项目的问题
10-15
本文将详细介绍如何完美解决通过IP地址访问Vue项目的问题。 首先，我们需要对Vue项目的配置文件进行更改。在Vue项目中，配置文件通常是`config/index.js`。在这里，我们将`host`设置为`0.0.0.0`，这使得服务器监听...
vue 本地服务不能被外部IP访问的完美解决方法
10-17
完成上述更改后，重新运行项目，现在应该可以通过局域网内的任何设备的IP地址访问你的Vue应用。例如，如果你的IP地址是`192.168.1.100`，那么其他设备可以通过`http://192.168.1.100:8080`访问你的应用。 此外，...
vue在手机中通过本机IP地址访问webApp的方法
10-18
在移动设备上通过本机IP地址访问Vue开发的Web应用程序是一种便捷的测试方法，可以使得开发者在不需要将应用部署到服务器上时，也能在真实的设备上预览应用。为了实现这一功能，需要做一系列配置和操作。以下详细说明...
vue-cli项目无法用本机IP访问的解决方法
10-17
然而，有时我们可能遇到一个问题，即在尝试通过本机IP地址访问这个开发服务器时，浏览器提示“拒绝了我们的链接请求”，这使得无法在连接到同一局域网的其他设备（如手机）上预览应用。这个问题通常是由于Vue CLI的...
前端架构之本地ip访问
maichaoqun的博客
03-17 845
vue+webpack项目localhost访问可以，切换本地ip不可以怎么办？ 第一步：在config/index.js文件里作如下设置 module.exports = { dev: { host: '0.0.0.0', } } 长知识：如何每次开发启动成功后打印访问地址显示ip而不是http://0.0.0.0:8080？ 设置如下：build/webpack.dev.con...
vue项目获取本机ip地址--谷歌浏览器
weixin_47907069的博客
04-07 2314
vue、ip
本地vue项目怎么上传到服务器用公网ip访问
dpy521的博客
03-24 1835
1 服务器上配置好项目所需运行的环境, 你在本地怎么运行的就在远程登录的服务器上怎么运行 2 开放安全组（在什么平台上买的服务器就去那里开放安全组） 3 公网ip+端口号直接访问（例如：你本地localhost:8080运行的项目要想让所有人都能访问就 公网IP:8080） 4 服务器上运行的项目不要关，我是一直开着小黑框 ...
vue项目运行后使用ip地址在手机上打开
weixin_44784401的博客
06-29 1526
vue项目运行后使用ip地址在手机上打开
将vue项目部署到服务器并通过外网访问的两种方式（springboot中static/nginx）
热门推荐
qq_28670711的博客
11-19 1万+
最近一段时间在用vue写一个前端项目，想着做出来的界面可以让小伙伴们一起看看，分享一下。所以就趁着双11在阿里云买了台服务器。实践中我发现vue项目部署到服务器一共有两种方式，当然也有可能有别的方法。 一.将vue项目打包后生成的dist目录下的文件复制到springboot项目里面 1. 前端vue项目先通过npm run build生成dist目录 2.将dist...
Vue项目本地运行环境下设置既能localhost访问又能IP访问，并且可以外网环境下通过域名访问
u011295864的博客
03-04 1万+
打开项目build下index.js文件，将localhost改为 0.0.0.0，port端口号改不改都行，只要保证这个端口号没有被占用即可。 然后打开项目package.json文件，找到 将红框内的改为： "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --ho...
通过ip访问前端本地启动的项目
m0_60336681的博客
04-13 1125
通过ip访问前端本地启动的项目
vue请求本地路径GET http://localhost:8080/.... 404 (Not Found)
weixin_48203270的博客
12-17 6976
vue请求本地路径GET http://localhost:8080/.... 404 (Not Found)
通过IP地址访问前端Vue项目
2301_78767322的博客
01-16 1666
通过IP地址访问前端Vue项目
vue/cli4 无法通过ip访问本地项目
09-03
vue/cli4 默认的启动命令是通过 localhost 来访问本地项目的，因此无法直接通过 ip 地址来访问项目。但是我们可以通过修改配置文件来实现通过 ip 访问本地项目的功能。 首先，打开项目根目录下的 vue.config.js ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值