vue局域网访问

已于 2022-04-22 15:53:50 修改
阅读量1.8k 收藏
点赞数 1
分类专栏： 前端 vue 文章标签： vue
于 2022-04-22 15:43:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/dylan_XK/article/details/124347512
版权
本文档详细介绍了如何在package.json的scripts部分添加主机IP参数，以及在build.json中静态文件配置中更改IP地址。同时，讲解了在config的index.js或指定环境的JS中调整devServer的proxy设置，将localhost替换成本机IP，并启用disableHostCheck选项以确保本地开发环境的正常访问。

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

package.json
下
scripts下的dev或其他环境加–host 本机ip

buid.json中static 中改本机ip
config下
index.js或者启动环境指向的
js中
devServer
里
proxy中
localhost 或其他访问 ip 改为本机 ip
另外加
disableHostCheck:true,（试了删除还是可以访问）

局域网内访问vue3项目|Network: use --host to expose
分享技术，分享经验
05-13 1536
这意味着只有在同一台计算机上的浏览器才能访问你的应用程序。通过指定一个公共的主机名，你可以使你的应用程序能够被网络中的其他设备访问，这对于在。上的设备，局域网是指在某一区域内由多台计算机互联成的计算机组，同一局域网不一定要接同一个交换机或者HUB。选项告诉开发服务器监听所有的网络接口，而不仅仅是本地主机。是一个特殊的 IP 地址，代表所有可能的 IP 地址。我希望在相同的局域网内，通过手机访问我在Vue 3项目中展示的效果。中的其他设备来访问你正在开发的应用程序。中的其他设备上测试你的应用程序特别有用。
vue-cli启动本地服务局域网不能访问的原因分析
08-28
主要介绍了vue-cli启动本地服务，局域网下访问不到的原因分析,在文中还给大家介绍了vue-cli起的webpack项目 用localhost可以访问，但是切换到ip就不可以访问的原因，本文给大家介绍的非常详细，需要的朋友参考下
vue怎么设置允许局域网手机访问
最新发布
小妖666个人笔记
02-23 393
vue怎么设置允许局域网手机访问
Vue项目设置局域网可以访问
IT之一小佬的博客
06-23 4284
Vue项目设置局域网可以访问
vue局域网内访问
一出好剧
03-15 554
为了能在公司局域网内访问vue项目需要配置 vue项目配置 vue.config.js module.exports = { devServer: { /** 为了在局域网内访问修改host */ host: '0.0.0.0', }, }; win10配置
webpack vue项目开发环境局域网访问方法
08-27
总的来说，通过以上步骤，你就能成功地在Webpack和Vue的开发环境中设置局域网访问，让团队成员能够实时共享和测试代码，提升协同开发的效率。请记住，安全是首要考虑的因素，不要在不安全的网络环境下开启这种设置，...
vue项目配置同一局域网可使用ip访问的操作
01-18
补充知识：@vue/cli创建项目报错ERROR Failed to get response from /vue-cli-version-marker的解决方案 今天他们遇到一个很有意思的bug，用@vue/cli创建项目的时候报错了，还是个从来没见过的报错： 一开始以为是...
vue项目启动后实现localhost和局域网内ip访问页面
2301_78187511的博客
07-08 1496
【代码】vue项目启动后实现localhost和局域网内ip访问页面。
局域网下别人访问本地运行的vue项目
weixin_52268321的博客
06-12 1395
进入“防火墙和网络保护”，关闭下面三个。
vue项目配置局域网可访问（局域网通过ip地址访问本地项目）
starstarstarl的博客
03-01 845
vue项目配置局域网可访问，局域网通过ip地址访问本地项目
同一局域网下访问vue项目
qq_43183942的博客
04-15 7474
#同一局域网下访问vue项目 ##同一局域网： 在你的电脑上用快捷键windows + R打开cmd，使用ping + ip地址（想要访问你项目的那台电脑的ip地址），如果成功后就表示你们处于同一局域网下。 ##本机ip地址 在你的电脑上用快捷键windows + R打开cmd，使用ipconfig命令，就可以看到本机ip地址。 ##访问本地项目 当你成功执行上一步，确定你们处于同一局域网下后：在你的项目中找到config文件夹，找到index.js文件，你可以看到host:localhost(默认)，
vue 无法 局域网内访问
m0_75101866的博客
01-25 462
下午就不行了，但是后端服务能够正常访问，本机也能正常访问ip：端口号 前端服务。上午，前端vue服务能够在局域网内访问，然后，关闭防火墙尝试。开启电脑ping 命令。
局域网访问Vue项目
AsaZyf的博客
12-16 917
一、获取本机IP地址： 二、在vue项目文件夹下的package.json配置以下代码，配置完成记得重启项目 三、直接输入IP地址+端口号 即可访问，若是手机要访问，需要和电脑连接的网络是同一个 ...
vue本地项目实现局域网访问
weixin_51751522的博客
06-03 3395
vue项目实现本地局域网访问 首先需要在同一个网络中，才能进行互相访问 首先需要找到config下的index.js文件，更改访问的host地址，将其改为 host: '0.0.0.0' 这样就已经能通过ip地址和localhost访问了，但是会发现启动后他是这个样子 这时就需要设置启动后终端显示localhost和network访问地址 找到build文件夹的webpack.dev.conf.js文件 找到其中的compilationSuccessInfo里的messages，如下图，在其中
vue实战开发002:局域网中访问vue-cli项目
kevinfan的博客
11-26 1341
项目准备上线了，后期交给另一个团队负责，在部署服务器前人家要先了解下我们的项目情况，所以需要登录，由于是内网环境，所以对方可以直接访问我的电脑ip来访问我的本地项目，但是在开发时我们设置的是localhost也就是127.0.0.1访问本地项目，其他人想访问时无法访问的,这时我们就需要对vue进行下配置了。 先找到自己的ip，运行中输出cmd，然后执行ipconfig/all就可以...
局域网内vue2 3 配置本地IP地址访问项目
m0_68716504的博客
06-24 1905
/在这句代码后面添加 --host 0.0.0.0" 如下messages: [ //下面两个地方，直接复制即可` - Local: http://localhost:${port}`, //配置这里` - Network: http://${require('ip').address()}:${port}`,//配置这里],},?}))
局域网访问vue项目看不到图片
05-30
如果您的 Vue 项目在局域网中可以访问，但是无法加载图片，那么可能是以下原因之一： 1. 您的图片路径是相对路径，而不是绝对路径。在本地运行时，相对路径可以正常工作，但是在其他设备上访问时，相对路径可能无法正常工作。您需要将图片路径改为绝对路径。 2. 您的图片存储在本地文件系统中，而不是存储在 Web 服务器上。在其他设备上访问您的项目时，这些设备无法访问您的本地文件系统中的文件。您需要将图片上传到 Web 服务器上，并且确保其他设备可以访问这些文件。 3. 您的图片链接是使用 HTTP 协议而不是 HTTPS 协议。在一些浏览器中，如果您的项目使用 HTTPS 协议，而图片链接使用 HTTP 协议，浏览器会阻止加载这些图片。您需要将图片链接改为 HTTPS 协议。 希望这些解决方案可以帮助您解决图片无法加载的问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值