最近一直在使用vue-cli3.0做项目,

package.json中配置后,自启动项目,也就没留意过小黑窗,

  1. "scripts": {
  2. "serve": "vue-cli-service serve --open", // 自启动浏览器
  3. "build": "vue-cli-service build"
  4. },

启动后发现,如下,不仅有Local,还有 Network

  1. App running at:
  2. - Local: http://localhost:8080
  3. - Network: http://110.119.114.66:8080 // 当然ip是随意的
  4.  
  5. Note that the development build is not optimized.
  6. To create a production build, run npm run build.

然后,借python大佬的电脑的一用,尝试连接两台电脑,使用下这个 Network,

步骤如下

  1. 1、两台电脑连接在同一网段(同一手机无线下即可)
  2. 2、连接两台电脑,相互ping
  3. 我的ip 110.119.114.66
  4. 大佬的 110.119.114.88
  5.  
  6. Win+R -- cmd -- 下,
  7. 相互ping,如 ping大佬的
  8.  
  9. ping 110.119.114.88 ( 只要不报超时之类的,就算成功 )
  10.  
  11. 3、配置我的vue项目
  12. vue.config.js
  13. devServer: {
  14. // 由之前的 'localhost'改为如下,端口默认8080
  15. host:"0.0.0.0",
  16. }
  17.  
  18. 4、启动项目
  19. npm run serve ( 如果你没改过scripts ,就是这个启动命名 )
  20.  
  21. 5、启动成功后,大佬在自己电脑访问 110.119.114.668080
  22.  
  23. 即可

期间遇到写小问题:

大佬连接不到我的,大佬说是防火墙问题,处理了下:

详见  https://www.jb51.net/os/win10/300048.html

回显请求者2个,我不知道什么时候给关闭了

然后,在    控制面板\系统和安全\Windows Defender 防火墙\自定义设置,中把两个网络的防火墙都暂时关掉,

大佬那嘎达就可以正常访问了。

总结,两点:

  1. 1、配置 host:"0.0.0.0",
    2、暂时关闭防火墙

vue-cli3.0启动项目,在局域网内其他电脑通过自己ip访问的更多相关文章

  1. 使用VUE CLI3.0搭建项目vue2+scss+element简易版

    1.安装Vue CLI 3 //三选一即可cnpm install -g @vue/cli npm install -g @vue/cli yarn global add @vue/cli 注意: 1 ...

  2. 怎么查询局域网内全部电脑IP和mac地址等信息?

    在局域网内查询在线主机的IP一般比较简单,但局域网内全部电脑的IP怎么才能够查到呢?查询到IP后我还要知道对方的一些详细信息(如MAC地址.电脑名称等)该怎么查询呢??? 工具/原料 Windows ...

  3. 怎么查询局域网内全部电脑IP和mac地址..

    在局域网内查询在线主机的IP一般比较简单,但局域网内全部电脑的IP怎么才能够查到呢?查询到IP后我还要知道对方的一些详细信息(如MAC地址.电脑名称等)该怎么查询呢??? 工具/原料 Windows ...

  4. Vue 项目 在局域网内访问

    之前在百度上看到过很多中  关于局域网访问项目的方法, 在这里,个人推荐两种比较喜欢的方法 一.直接在项目的package.json文件中进行配置 ,代码如下 "scripts": ...

  5. vue cli3.0打包

    1.vue cli3.0需要在项目根目录下配置webpack  包括反向代理以及打包文件路径 const webpack = require("webpack"); module. ...

  6. vue配置手机通过IP访问,Win10让局域网内其他电脑通过IP访问网站的方法

    vue配置手机通过IP访问config/index.js// Various Dev Server settings host: '0.0.0.0', // can be overwritten by ...

  7. vue cli3.0 结合echarts3.0和地图的使用方法

    echarts 提供了直观,交互丰富,可高度个性化定制的数据可视化图表.而vue更合适操纵数据. 最近一直忙着搬家,就没有更新博客,今天抽出空来写一篇关于vue和echarts的博客.下面是结合地图的 ...

  8. VUE CLI3.X 创建项目

    Node.js环境搭建 Node.js基于V8引擎,可以让js代码脱离浏览器运行 Vue CLI3.0 需要Node.js 8.9或者更高版本. 用nvm或者nvm-windows在同一台电脑中管理多 ...

  9. 解决vue/cli3.0 语法验证规则 ESLint: Expected indentation of 2 spaces but found 4. (indent)

    当你使用vue/cli3.0的时,有可能出现雁阵规则 ESLint: Expected indentation of 2 spaces but found 4. (indent) 解决方法 1.在vu ...

随机推荐

  1. BizTalk证书相关操作

    OPEN SSL 神技能 从PFX文件中导出私钥 openssl pkcs12 -in Cert.pfx -nocerts -nodes -out private_pc.key 从PFX文件中导出CS ...

  2. Failed to instantiate [org.elasticsearch.client.transport.TransportClient]

    Springboot 集成 ElasticSearch,springboot报错如下: Error starting ApplicationContext. To display the auto-c ...

  3. Redis(二)特性和学习路线

    Redis是高效的内存数据库或者说缓存.对多种数据结构都支持,每种数据结构都有相应的应用场景. 特性 Redis支持非常多的特性,从用途.性能.高可用.数据安全方面都提供了相应的支持和保障. Redi ...

  4. EF Core反向导航属性解决多对一关系

    多对一是一种很常见的关系,例如:一个班级有一个学生集合属性,同时,班级有班长.语文课代表.数学课代表等单个学生属性,如果定义2个实体类,班级SchoolClass和学生Student,那么,班级Sch ...

  5. PHP实现sha1加密AES算法加密解密数据

    一.加密代码如下: /** * * @param string $string 需要加密的字符串 * @param string $key 密钥 * @return string */ public ...

  6. Fiddler模拟响应

    1 启用规则 2 不匹配的规则通过,不勾选会导致不匹配的请求失败 3 匹配url 4 响应信息,Fiddler内置了一些响应脚步,你也可以选择一个保护响应信息的文本文件

  7. make CMake 来龙去脉

    理论上说,任意一个C++程序都可以用g++来编译. 大家都知道,写程序大体步骤如下: 1.用编辑器编写源代码,如.c文件. 2.用编译器编译代码生成目标文件,如.o. 3.用链接器连接目标代码生成可执 ...

  8. 面试题:java中String为什么要设置成final

    1.不可改变---执行效率高 2.因为String这个对象基本是被所有的类对象都会使用的到了,如果可以被复写,就会很乱套,比如map的key ,如果是一个string为key的话,String如果可以 ...

  9. MSSQL记录表字段数据变化的相关SQl

    在软件实施过程中,也许会有这样的问题: 表中数据出现非预期的结果,此时不确定是程序问题,哪个程序,存储过程,触发器.. 或还是人为修改的结果,此时可以用触发器对特定的表字段做跟踪监视,记录每次新增,修 ...

  10. 【MySQL】备份和恢复

    语法 mysqldump -uslave -p -h127.0.0.1 --single-transaction --set-gtid-purged=OFF database1 table1 tabl ...