vue项目中无法实现内网穿透，因为localhost的限制

最新推荐文章于 2025-06-05 15:03:39 发布

dakache11

最新推荐文章于 2025-06-05 15:03:39 发布

阅读量6.6k

点赞数 1

CC 4.0 BY-SA版权

文章标签： vue

本文链接：https://blog.youkuaiyun.com/dakache11/article/details/83989296

本文介绍如何在Vue项目中通过修改package.json文件中的scripts部分，添加主机IP地址实现内网穿透，使得项目不再局限于localhost，可在局域网内通过特定IP访问，如192.168.124.53:8080，从而便于在手机等设备上预览网页。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 "version": "1.0.0",
  "description": "y",
  "author": "y",
  "private": true,
  "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 192.168.124.53",
    "start": "npm run dev",
    "build": "node build/build.js"
  },

只需要在package.json中script中添加--host 你的ip地址就行

运行vue项目，打开项目，不是localhost:8080了，例如我的就是192.168.124.53:8080,,,,,,,,,,此时你可以内网穿透，在手机上访问自己的网页

祝工作顺利，身体健康