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

最新推荐文章于 2023-06-23 23:52:48 发布

dinghan9356

最新推荐文章于 2023-06-23 23:52:48 发布

阅读量376

点赞数

文章标签： javascript json ViewUI

原文链接：http://www.cnblogs.com/angenstern/p/11542519.html

版权

1、检查 package.json文件，scripts.dev设置 host改成 "0.0.0.0"

2、config文件中找到 index.js 文件的host改成 "0.0.0.0"

3、查看本机IP地址

转载于:https://www.cnblogs.com/angenstern/p/11542519.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dinghan9356

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

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

grootbaby

03-03

1270

同一局域网访问本地 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

vue 项目设置局域网IP地址访配置

Lisa_Xiaotouzi的博客

05-11

2031

为了方便项目的开发进展，可以设置同一局域网访问本地ip地址 ---菜鸟一枚，写得超级详细 1.cmd打开命令指示符：ipconfig/all 查看自己的IP地址 2.修改config文件中找到 index.js 文件的host改成 IP地址：192.168.1.166 3. 修改项目文件夹下的package.json 文件配置，scripts.dev配置在默认的情况下加上 --host 192.168.1.166 完整写法：注意：package.json比较特殊，不可有注释条目，不

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

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

01-18

1、检查 package.json文件，scripts.dev设置 host改成 “0.0.0.0” 2、config文件中找到 index.js 文件的host改成 “0.0.0.0” 此处的”0.0.0.0″可以改成自己的ip，重启项目就可以了补充知识：@vue/cli创建项目报错ERROR Failed to get response from /vue-cli-version-marker的解决方案今天他们遇到一个很有意思的bug，用@vue/cli创建项目的时候报错了，还是个从来没见过的报错：一开始以为是版本问题，毕竟报错信息上写着update，但是cli的版本是最新的，

vite (vue3)配置内网 ip 访问方法

qq_39111074的博客

04-01

1万+

vite 配置内网 ip 访问方法

在同一个局域网下移动端测试网页

weixin_30883271的博客

03-15

407

处在同一个路由器下的局域网中，手机输入电脑上的ip地址端口号（例如：8080）就可以测试pc端上的页面转载于:https://www.cnblogs.com/sgzg/p/6555233.html

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

wkkkkkw的博客

07-21

1026

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

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

IT之一小佬的博客

06-23

3625

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

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

01-19

本地vue-cli启动了一个项目只能通过localhost:8080访问到，同一局域网下其他的手机和电脑并不能通过ip地址访问调试， 2.原因：vue-cli项目是通过命令行一键生成的，配置文件中默认生成的是本地调试模式，默认访问...

在局域网下通过ip地址访问vue本地项目

南极修炼千年的大冰块

10-29

446

一找到：build>>webpack.dev.conf.js 把const HOST = process.env.HOST修改为： const HOST = ‘192.168.1.139’ （192.168.1.139是本地电脑的ip地址）二找到：package.json 把"dev": “webpack-dev-server --inline --progress --con...

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

weixin_51751522的博客

06-03

3286

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

如何让Vue在同一局域网内能访问？

weixin_55560445的博客

11-26

834

在开发的时候，前端都是在本地开发。其他同事需要访问页面，直接访问是不能访问的：解决办法：方法一： vue的配置文件config下面的index.js，把locahost改成0.0.0.0就行了改为：重启即可正常访问：方法二：修改根目录下的 package.json 文件 "dev": "webpa...

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...

vue项目让局域网ip访问配置设置

陈万洲的专栏

03-06

2万+

在开发中，为了让同一局域网的小伙伴，都可以通过IP地址访问到vue-cli搭建的项目，要怎么配置呢? 第一步：修改config文件中找到 index.js 文件的host改成 ‘0.0.0.0’ 第二步：检查package.json文件里进行配置，scripts.dev配置是否设置 host为‘0.0.0.0’ 这里我要强调下，第一步和第二步都有ip，其实第二步优先级高，这里第...

vue项目局域网通过ip访问

bocaidada的博客

01-18

3625

使用vue-cli搭建的项目，需要同一局域网都可以通过本机IP地址访问到在config文件中找到 index.js 文件中找到下面代码将此处的host改为0.0.0.0就可以，或许有的小伙伴同一局域网打开ip+端口号开还是不能访问，此时只需要关闭防火墙就好了查看本机IP 按住win+R，输入cmd 然后输入ipconfig就可以了 ...

vue 同局域网访问不到问题

青春不打烊的博客

01-14

4255

方法一： 1.处于同一个网段（PS：连同一个WiFi） 2. 重启本地环境： (1)yarn run dev --host 0.0.0.0(不需要修改配置文件) (2)npm run dev --host (需要修改config/index.js，把host: 'localhost', 改为 host: '0.0.0.0') 3. 你电脑的IP+本地项目的端口号别人...

vue项目设置局域网内访问

f1443369600的博客

12-14

1778

vue项目设置局域网内访问检查防火墙是否关闭，没有关闭则需要关闭防火墙。在项目目录下的package.json文件中添加 --host 0.0.0.0，如下图所示。如果访问出现 invalid host header 的问题，则在 webpack.dev.conf.js 配置文件中的devServer属性中添加 disableHostCheck属性，值设置为true，从而跳过主机名的...

vue-cli3.0使用及配置（部分）