访问局域网vue项目

最新推荐文章于 2025-02-23 12:17:11 发布

youji8

最新推荐文章于 2025-02-23 12:17:11 发布

阅读量410

点赞数

分类专栏：本地 js 局域网文章标签：局域网 vue 访问本地

本文链接：https://blog.youkuaiyun.com/youji8/article/details/88758187

版权

js 同时被 3 个专栏收录

5 篇文章

订阅专栏

局域网

1 篇文章

订阅专栏

本地

0 篇文章

订阅专栏

此方法适用于npm run dev方式启动的本地vue工程

打开项目根目录的 package.json，然后找到scripts，如果你是希望在 npm run dev 的时候内网可以方访问，那么你再 scripts下的dev 结尾增加一个参数 --host 192.168.0.0，就可以了。替换本机ip

"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 192.168.0.0",

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

youji8

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

同一局域网访问本地 Vue 项目

grootbaby

03-03

1477

同一局域网访问本地 Vue 项目需要访问电脑需要在同一局域网下 | | 连同一个WiFi，这个就不说了吧。懂得都懂。调试机 ip：192.168.30.100，将 192.168.30.100 改为你自己本机 ip 就OK。不需要修改配置文件重启本地环境： yarn run dev --host 192.168.30.100 （加红的 yarn 是关键，不要尝试用 cnpm 或者 npm ）需要修改配置文件方法一：在 config/index.js 文件中找到 h

局域网内访问vue3项目|Network: use --host to expose

分享技术，分享经验

05-13

1508

这意味着只有在同一台计算机上的浏览器才能访问你的应用程序。通过指定一个公共的主机名，你可以使你的应用程序能够被网络中的其他设备访问，这对于在。上的设备，局域网是指在某一区域内由多台计算机互联成的计算机组，同一局域网不一定要接同一个交换机或者HUB。选项告诉开发服务器监听所有的网络接口，而不仅仅是本地主机。是一个特殊的 IP 地址，代表所有可能的 IP 地址。我希望在相同的局域网内，通过手机访问我在Vue 3项目中展示的效果。中的其他设备来访问你正在开发的应用程序。中的其他设备上测试你的应用程序特别有用。

参与评论您还未登录，请先登录后发表或查看评论

局域网访问Vue项目

AsaZyf的博客

12-16

914

一、获取本机IP地址：二、在vue项目文件夹下的package.json配置以下代码，配置完成记得重启项目三、直接输入IP地址+端口号即可访问，若是手机要访问，需要和电脑连接的网络是同一个 ...

vue怎么设置允许局域网手机访问

最新发布

小妖666个人笔记

02-23

360

vue怎么设置允许局域网手机访问

vue项目在局域网中访问

ningmengbu_suan的博客

10-19

697

第一步：修改config文件中找到 index.js 文件的host改成 ‘0.0.0.0’ 第二步：检查 package.json 文件里进行配置，scripts.dev配置是否设置 host为‘0.0.0.0’

Vue项目配置在局域网下访问

weixin_37746257的博客

04-10

3502

1.vue配置 a.vue cli2.0配置如下 b.vue cli3.0不需要配置即可访问 2.如果上述配置无法访问则配置以下需要配置一下电脑的防火墙，把所需的端口（如：8080）打开。设置方法如下： 2.1 Windows 10 ，搜索“控制面板”，打开，Windows 7 可以直接在开始菜单打开。 2.2 点击“Windows Defender防火墙”——“高级设置...

同一局域网下访问vue项目

qq_43183942的博客

04-15

7440

#同一局域网下访问vue项目 ##同一局域网：在你的电脑上用快捷键windows + R打开cmd，使用ping + ip地址（想要访问你项目的那台电脑的ip地址），如果成功后就表示你们处于同一局域网下。 ##本机ip地址在你的电脑上用快捷键windows + R打开cmd，使用ipconfig命令，就可以看到本机ip地址。 ##访问本地项目当你成功执行上一步，确定你们处于同一局域网下后：在你的项目中找到config文件夹，找到index.js文件，你可以看到host:localhost(默认)，

vue项目配置同一局域网可使用ip访问的操作

01-18

补充知识：@vue/cli创建项目报错ERROR Failed to get response from /vue-cli-version-marker的解决方案今天他们遇到一个很有意思的bug，用@vue/cli创建项目的时候报错了，还是个从来没见过的报错：一开始以为是...

webpack vue项目开发环境局域网访问方法

08-27

下面我们将详细介绍如何实现Webpack和Vue项目在局域网内的共享。首先，我们要理解思路。要使局域网内的其他设备可以访问我们的开发服务器，我们需要确保项目启动的IP地址和端口号是固定的，这样其他设备才能通过...

vue-cli启动本地服务局域网不能访问的原因分析

08-28

完成这些步骤后，你应该能在局域网内的其他设备上通过你的电脑 IP 地址访问到 Vue CLI 项目。例如，如果你的 IP 地址是 `192.168.1.100`，那么其他设备可以通过 `http://192.168.1.100:8080` 来访问你的项目。这里的...

在同一局域网内访问本地的vue项目

wkkkkkw的博客

07-21

1098

同一局域网下手机访问电脑做的vue项目

Vue项目设置局域网可以访问

IT之一小佬的博客

06-23

4264

Vue项目设置局域网可以访问

vue 开发局域网内访问

实习打字猿的博客

04-18

274

# 在根目录找到 package.json 在scripts内的dev后面加上 --host 0.0.0.0 "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0", }, # 重启项目，同一个局域网内手机访问h...

vue.config.js文件devServer字段的常用选项

m0_69057918的博客

11-22

1203

devServer字段下的host、port、open、porxy选项作用解读

vue局域网访问

dylan_XK的博客

04-22

1858

package.json 下 scripts下的dev或其他环境加–host 本机ip buid.json中static 中改本机ip config下 index.js或者启动环境指向的js中devServer里proxy中 localhost或其他访问ip改为本机ip

vue项目启动后实现localhost和局域网内ip访问页面

2301_78187511的博客

07-08

1447

【代码】vue项目启动后实现localhost和局域网内ip访问页面。

局域网内共享使用vscode打包的VUE网页，前端VUE+后端FLASK结合

qq_24800941的博客

08-07

1475

局域网内共享你打包的VUE网页，前端VUE+后端FLASK结合在一起

局域网访问vue项目看不到图片

05-30

如果您的 Vue 项目在局域网中可以访问，但是无法加载图片，那么可能是以下原因之一： 1. 您的图片路径是相对路径，而不是绝对路径。在本地运行时，相对路径可以正常工作，但是在其他设备上访问时，相对路径可能无法...