vue本地项目实现局域网访问
首先需要在同一个网络中，才能进行互相访问
记得先关闭防火墙（若是需要长时间关闭防火墙觉得不安全请参考这篇博客）

  1. 首先需要找到config下的index.js文件，更改访问的host地址，将其改为 host: '0.0.0.0'
    在这里插入图片描述
    这样就已经能通过ip地址和localhost访问了，但是会发现启动后他是这个样子
    在这里插入图片描述

  2. 这时就需要设置启动后终端显示localhost和network访问地址
    找到build文件夹的webpack.dev.conf.js文件
    在这里插入图片描述
    找到其中的compilationSuccessInfo里的messages，如下图，在其中添加：

`Local: http://localhost:${port}`,
`Network: http://${require('ip').address()}:${port}`,

在这里插入图片描述

  1. 这时再重新启动项目，启动后终端既可以显示localhost和network访问地址，之后就可以通过ip地址（注意这里获取到的是以太网的ip）+端口号来访问项目了
    在这里插入图片描述
  2. 在配置后我出现了network访问地址和当前ipv4地址不同的情况，导致远程访问出现问题。之后我查了它获取到的ip和自己电脑的网络配置，发现他获取的是以太网 2的ipv4地址
    在这里插入图片描述
    然后打开网络适配器，发现以太网 2是virtualBox虚拟机的一个虚拟网卡，将其禁用就可以正确获取到自己网络的ip
    在这里插入图片描述
  3. 获取WLAN地址的方法
    在这里插入图片描述
# vue.js # node.js
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue