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

Bertha 。 2023-10-07 20:26 116阅读 0赞

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

在开发中,为了让同一局域网的小伙伴,都可以通过IP地址访问到vue-cli搭建的项目,要怎么配置呢?

第一步:修改config文件中找到 index.js 文件的host改成 ‘0.0.0.0’

4efc40db0905420c929e640e94f3f9c7.png

第二步:检查 package.json 文件里进行配置,scripts.dev配置是否设置 host为‘0.0.0.0’

77a815f7768e47f2bd86e6f1461c6c46.png

这里我要强调下,第一步和第二步都有ip,其实第二步优先级高,这里第二步的host可以不设置,vue默认执行第一步的设置。

这个ip也可以设置成你的局域网ip,例如:192.168.1.182

第三步:查看开发机的ip地址,并告诉给其他小伙伴,别忘了端口

53945c2fb6d14164b8f7775be8335d08.png

然后就可以访问了:

68fc6de721354de892dac49d86621090.png

发表评论

表情:
评论列表 (有 0 条评论,116人围观)

还没有评论,来说两句吧...

相关阅读