vue 局域网如何访问本地项目

最新推荐文章于 2024-09-23 10:16:56 发布

原创最新推荐文章于 2024-09-23 10:16:56 发布 · 983 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue

vue 专栏收录该内容

15 篇文章

订阅专栏

确保你的系统允许入站连接，将配置文件中的主机地址从localhost改为0.0.0.0，然后提供你的电脑IP加上项目端口号，这样其他人就能通过这个信息来访问你的本地项目。

1、保证别人可以ping通你的地址，如果ping不通，（Windows）先确定入站规则是否启用

2、在config/index.js里，把 host: 'localhost', 改为 host: '0.0.0.0'

3. 你电脑的IP + 本地项目的端口号 别人打开这个就可以访问你本地项目了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

武当王也拜见老天师

关注关注

0
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue项目的访问流程

TechInk的博客

09-24

586

在这篇文章中，我们将详细探讨Vue项目的访问流程，并提供相应的源代码示例。Vue是一种流行的JavaScript框架，用于构建交互式的Web应用程序。在上述访问流程中，Vue的响应式系统会自动追踪数据的变化，并在必要时更新DOM。子组件是根组件的组成部分，它们负责处理特定的功能和展示特定的内容。文件中，我们使用Vue构造函数创建一个新的Vue实例，并指定要挂载的根组件。根组件是Vue应用程序的顶层组件，它包含其他子组件并负责协调应用程序的整体行为。函数的对象给Vue构造函数，我们创建了一个新的Vue实例。

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

分享技术，分享经验

05-13

1991

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

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

局域网访问本地项目

weixin_30632883的博客

08-18

1459

phpstudy 开发环境中 1:在D:\phpstudy\PHPTutorial\Apache\conf (你的安装目录) 下的httpd.conf文件中添加监听端口　　　　Listen 0.0.0.0:99 2.设置目录的访问权限 (httpd.conf文件) 　　　　<Directory D:/phpstudy/PHPTutorial/WWW/chuanqi/public...

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

08-28

主要介绍了vue-cli启动本地服务，局域网下访问不到的原因分析,在文中还给大家介绍了vue-cli起的webpack项目用localhost可以访问，但是切换到ip就不可以访问的原因，本文给大家介绍的非常详细，需要的朋友参考下

局域网下别人访问本地运行的vue项目

weixin_52268321的博客

06-12

1477

进入“防火墙和网络保护”，关闭下面三个。

同一局域网下访问vue项目

qq_43183942的博客

04-15

7770

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

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

08-27

要使局域网内的其他设备可以访问我们的开发服务器，我们需要确保项目启动的IP地址和端口号是固定的，这样其他设备才能通过特定的网络地址来访问。通常，默认的开发服务器会绑定到`localhost`（127.0.0.1），只允许...

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

IT之一小佬的博客

06-23

4588

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

局域网访问本地VUE项目

weixin_45259626的博客

04-22

399

方法一： 1.把config文件夹里面的index.js里面的dev开发配置的host设置为 host: “0.0.0.0” 2.在build文件夹里面webpack.dev.conf.js里面的 devServer 加一个字段：disableHostCheck: true, 3.重启方法二：打开项目根目录的package.json,然后找到scripts,在dev属性中添加–host 0.0...

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

2301_78187511的博客

07-08

1705

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

vue本地项目实现局域网访问

weixin_51751522的博客

06-03

3540

vue项目实现本地局域网访问首先需要在同一个网络中，才能进行互相访问首先需要找到config下的index.js文件，更改访问的host地址，将其改为 host: '0.0.0.0' 这样就已经能通过ip地址和localhost访问了，但是会发现启动后他是这个样子这时就需要设置启动后终端显示localhost和network访问地址找到build文件夹的webpack.dev.conf.js文件找到其中的compilationSuccessInfo里的messages，如下图，在其中

局域网访问本地VUE 项目

qq_37337830的博客

03-10

376

1、检查防火墙是否关闭，控制面板\系统和安全\Windows Defender 防火墙 -> 启动或关闭防火墙 2、vue 项目 config.index.js 修改 localhost: xxxx => host:0.0.0.0 host: '0.0.0.0',

如何在局域网下测试vue项目

最新发布

weixin_46058007的博客

09-23

809

同一局域网下，在手机或其他电脑上测试正在开发的vue项目

vue项目在局域网中访问

ningmengbu_suan的博客

10-19

750

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

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

wkkkkkw的博客

07-21

1202

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

如何在局域网内访问vue项目

weixin_44283145的博客

10-26

1434

1、查看本机的IP地址在Windows系统上，Windows+R 打开cmd页面输入ipconfig命令即可查看。 2.修改vue配置文件在config文件夹下,打开index.js 把host改成以上你查看到的本地ip地址 3.在其他设备输入ip加端口号即可 ...

Vue项目给局域网访问

qq_37416316的博客

08-12

348

问题：直接运行不能给局域网访问解决：在package.json文件中的scripts属性，修改dev的值，在后面添加--host 192.168.0.129即可。如图所示：

vue项目局域网访问

weixin_30411997的博客

03-01

126

vue的配置文件config下面的index.js把locahost改成0.0.0.0就行了访问就是本机的ip地址http://192.168.101.110:8080 转载于:https://www.cnblogs.com/yubaibai/p/10457412.html

[vue]本地项目的访问

前端

09-15

559

这个问题的场景是在同一局域网内的另一台电脑想要查看项目,发现默认的不是展示一个本地访问地址，一个IP地址访问地址。

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

05-30

如果您的 Vue 项目在局域网中可以访问，但是无法加载图片，那么可能是以下原因之一： 1. 您的图片路径是相对路径，而不是绝对路径。在本地运行时，相对路径可以正常工作，但是在其他设备上访问时，相对路径可能无法正常工作。您需要将图片路径改为绝对路径。 2. 您的图片存储在本地文件系统中，而不是存储在 Web 服务器上。在其他设备上访问您的项目时，这些设备无法访问您的本地文件系统中的文件。您需要将图片上传到 Web 服务器上，并且确保其他设备可以访问这些文件。 3. 您的图片链接是使用 HTTP 协议而不是 HTTPS 协议。在一些浏览器中，如果您的项目使用 HTTPS 协议，而图片链接使用 HTTP 协议，浏览器会阻止加载这些图片。您需要将图片链接改为 HTTPS 协议。希望这些解决方案可以帮助您解决图片无法加载的问题。