本文主要介绍了vue项目如何进行局域网ip访问配置设置，具有很好的参考价值。希望对大家有帮助。

目录

vue允许LAN ip访问配置设置vue LAN使用ip不可访问的解决方案

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

在开发中，为了让同一个局域网的小伙伴可以通过IP地址访问vue-cli搭建的项目，如何配置？

步骤1:将配置文件中的index.js文件的主机修改为“0.0.0.0”

步骤2:检查package.json文件中的配置，以及scripts.dev配置是否将host设置为“0.0.0.0”

这里我想强调一下，第一步和第二步都有ip。其实第二步的优先级高，所以这里第二步的主机不用设置也可以设置，vue默认执行第一步的设置。

此ip也可以设置为您的局域网ip，例如：192.168.1.182

第三步：查一下开发机的ip地址，告诉其他朋友。别忘了港口。

第四步：如果不能通过IP访问，最好关闭开发机的防火墙，不怕麻烦可以加一个释放口。

vue局域网使用ip无法访问的解决

我找到了很多解决方法，但是直到我尝试了这一个，我才能使用它们。

版本：

[root@localhost vue_time]# vue -版本

2.9.6

[root @ localhost vue _ time]# node-v

v15.5.1

只要在项目的目录下找到package.json，在脚本模块下的dev项中添加一个启动配置参数-host0.0.0.0。这是添加的参数。

[root @ localhost vue _ time]# cat package . JSON

{

名称: vue_time ，

版本: 1.0.0 ，

描述:一个Vue.js项目，

private :对，

脚本:{

dev : web pack-dev-server-inline-host 0 . 0 . 0 . 0-progress-config build/web pack . dev . conf . js ，

开始: npm运行开发，

unit : jest-config test/unit/jest . conf . js-coverage ，

e2e :节点测试/e2e/亚军. js ，

测试: npm运行单元npm运行e2e ，

lint: eslint - ext。js， vue src测试/单元测试/e2e/规格，

build :节点build/build.js

},

以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。