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

最新推荐文章于 2026-06-05 13:19:28 发布

原创最新推荐文章于 2026-06-05 13:19:28 发布 · 6.7k 阅读

6 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue

收录于

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

 "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,,,,,,,,,,此时你可以内网穿透，在手机上访问自己的网页

祝工作顺利，身体健康