Vue dev 项目局域网访问

最新推荐文章于 2025-05-09 15:35:26 发布

转载最新推荐文章于 2025-05-09 15:35:26 发布 · 2.8k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：https://www.jianshu.com/p/629315e51d99

文章标签：

#webpack

vue 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了如何修改项目根目录的package.json文件，通过在`scripts`的`dev`命令后添加`--host`参数指定本机IP，以确保在运行`npm run dev`时，内网中的其他设备可以访问到你的开发服务器。示例中展示了如何添加10.158.4.156作为主机地址。

打开项目根目录的 package.json，然后找到scripts，如果你是希望在 npm run dev 的时候内网可以方访问，那么你再 scripts下的dev 结尾增加一个参数
--host 192.168.0.123
就可以了替换你的本机ip

完整的例子

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 10.158.4.156",
    "start": "npm run dev",
    "unit": "jest --config test/unit/jest.conf.js --coverage",
    "e2e": "node test/e2e/runner.js",
    "test": "npm run unit && npm run e2e",
    "lint": "eslint --ext .js,.vue src test/unit test/e2e/specs",
    "build": "node build/build.js"
  },

转载链接：https://www.jianshu.com/p/629315e51d99