vue项目配置多个请求域名,,vue项目如何让局域网ip访问配置设置

本文主要介绍了vue项目如何进行局域网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访问，最好关闭开发机的防火墙，不怕麻烦可以加一个释放口。

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

版本：

[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 '

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

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。