vue-cli的项目中把localhost换成自己的ip无法访问-优快云博客

本文介绍了一种在手机上调试原本用于PC端开发项目的有效方法。通过修改package.json文件中的webpack-dev-server配置来允许从外部设备访问开发服务器，具体操作是在dev脚本中增加--host参数并指定局域网内的IP地址。

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

很多情况下，我们在pc端开发的项目，需要在手机上调试。这个时候，但是发现我如果直接将localhost换成自己的ip,是无法访问的，解决办法：

在package.json中，，

"scripts": {
  "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
  "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"
},

修改为下面的即可。

"scripts": {
  "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 192.168.203.6",
  "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"
},