vue运行 cnpm run dev后可以使用IP访问设置

最新推荐文章于 2025-09-11 05:38:55 发布
原创 最新推荐文章于 2025-09-11 05:38:55 发布 · 4.5k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #ip访问

本文介绍如何通过修改package.json文件中的scripts配置，将webpack-dev-server的host设置为0.0.0.0，从而允许通过本地IP地址访问开发服务器，而非仅限于localhost。

在运行完

cnpm run dev

命令后可以通过localhost:8080访问。但是不可以通过IP访问。这时可以在package.json文件夹的scripts的dev选项添加 --host 0.0.0.0

“dev”: “webpack-dev-server --host 0.0.0.0–inline --progress --config build/webpack.dev.conf.js”

重新运行
cnpm run dev可以通过IP进行访问

nuxt.js 使用 ngrok 可以让外网访问本地开发环境的地址
weixin_43541909的博客
12-03 654
文档中是这样介绍的：ngrok将创建一个http-https-tcp隧道。请查看ngrok npm软件包以获取更多详细信息。当Nuxt服务器正在侦听时，我们需要能够连接到ngrok端口。获得公共URL后，我们希望将其打印到Nuxt CLI，以便我们可以轻松地单击它以打开并共享它。 然后觉得动手尝试了一下，操作步骤非常简单，实现起来也很快。就是有外网访问存在限制，一分钟限制访问多少次我也忘了，反正次数不会很多，但是适合手机与电脑不在同一局域网下环境用来查看效果。 直接开干吧，首先在项目里的开发环境下 下一个依
详解Vue项目在其他电脑npm run dev运行报错的解决方法
12-11
并使用 npm run dev 或 npm run start 发生以下报错的解决方法。 报错原因 缺少 node_modules 里面的依赖。在项目目录下使用 npm install 然后再 npm run dev。 如果在这一步当中， npm install 执行的过程中，...
npm run dev指定IP和端口运行VUE-TS项目
唯有热爱 可抵万难
12-22 585
【代码】npm run dev指定IP和端口运行VUE-TS项目。
Refine项目开发模式下远程访问配置指南
最新发布
gitblog_00735的博客
09-11 324
在使用Refine框架进行开发时，开发者有时会遇到无法通过远程主机访问开发服务器的问题。本文将详细介绍如何正确配置Refine项目的开发服务器以实现远程访问。 ## 问题背景 Refine是一个基于React的企业级前端框架，使用Vite作为构建工具。在开发模式下，默认情况下Vite开发服务器只绑定到localhost(127.0.0.1)，这意味着只能从本地机器访问开发环境。 ## 常见错...
npm run dev ip访问
热门推荐
changningbuddha的专栏
01-30 1万+
在根目录下面的/config/index.js文件 修改host 为ip地址即可 npm install -g npm //更新npm到最新版本
npm run dev,vite 配置 ip 访问
survivorsfyh的博客
01-09 4308
npm run dev,vite 配置 ip 访问方式
npm run dev时通过本地ip访问项目
q_qman的博客
06-09 2070
1. 2.cnpm run dev 3.
vue报错cnpm run dev 报错These dependencies were not found
01-04
根据提供的引用内容，当在vue项目中运行`cnpm run dev`命令时，可能会出现"这些依赖项未找到"的错误。这个错误通常是由于缺少core-js模块引起的。为了解决这个问题，你可以按照以下步骤进行操作： 1. 首先，安装...
vue2用cli构建vue项目为什么cnpm run dev能加载hello.vue组件
02-07
使用 Vue CLI 构建项目时，它会自动...当你在项目中运行 "cnpm run dev" 命令时，Webpack 会读取项目中的所有文件，并自动编译所有的 .vue 组件。这样，在浏览器中运行项目时，就能正常加载和使用 "hello.vue" 组件了。
vscode 运行vue项目 npm run dev的时候 如何开启局域网访问
weixin_43356527的博客
05-09 850
npm run dev 本地局域网访问
Vite 前端修改 npm run dev 运行IP及端口
bxx114的专栏
09-06 9269
Vite 前端修改 npm run dev 运行IP及端口
vue项目中，npm run dev启动后把127.0.0.1或是localhost地址改成本地ip地址不生效的原因
今天也要加油呀
04-22 1万+
目的是想在手机上同网测试下项目； 检查了防火墙，与配置了host文件都不生效 后面修改了webpack config/index.js 文件内host修改为对应的网络ip地址就可以了 ...
vue项目启动后实现localhost和局域网内ip访问页面
2301_78187511的博客
07-08 1707
【代码】vue项目启动后实现localhost和局域网内ip访问页面。
解决npm run dev无法被同局域网访问的问题
道长的博客
08-26 2752
解决生成的网址无法被同局域网下的其他主机访问的问题，关键在于配置开发服务器以监听所有网络接口，或者使用内网穿透工具。根据你的具体需求和环境，选择合适的解决方案，可以大大提高开发和测试的便利性。
在云服务器使用“npm run dev“启动node.js项目，外网无法访问
weixin_57220119的博客
07-24 1890
然后找到 dev 下的host, 改为 0.0.0.0 ,表示接收所有ip地址的请求。
npm run dev 时无法通过本机地址访问项目
qq_53066920的博客
08-09 2956
很明显这里没有显示可以使用外部地址进行访问项目；而且他们提示需要使用配置host。本项目正对Vue3 存在配置文件。 ➜ Local: http://localhost:5314/ ➜ Network: use --host to expose ➜ press h to show help
npm run dev 没有显示ip
凡友福老师的博客
03-24 378
在package.json中，补充如下。
如何配置vue项目通过ip访问还是通过localhost访问
小肉包的博客
02-26 1789
如何配置vue项目通过ip访问还是通过localhost访问
Vue dev 项目局域网访问
sjpeter的专栏
07-22 2814
打开项目根目录的 package.json，然后找到scripts，如果你是希望在 npm run dev 的时候 内网可以方访问，那么你再 scripts下的dev 结尾增加一个参数--host 192.168.0.123 就可以了 替换你的本机ip 完整的例子 "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 10.158.4.156",
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值