【无标题】

本地启动前端项目，如何让外部通过ip去访问

部署ip和localhost都可以访问本地vue-cli项目

在配置文件vue.config.js中，找到devServer对象的host属性。（vue-cli将host主机名定义为localhost,从而导致了本地IP不能访问服务）
步骤一：配置文件中的host属性重新定义为：0.0.0.0

//host: 'localhost', // can be overwritten by process.env.HOST
host: '0.0.0.0'

步骤二：查看package.json文件，将scripts下的dev属性增加 --host 0.0.0.0

"scripts": {
    "serve": "rimraf -rf ./node_modules/.cache/vue-loader && vue-cli-service serve --host 0.0.0.0",
    "build": "vue-cli-service build",
    "test": "vue-cli-service build --mode test",
    "lint": "vue-cli-service lint"
  },

然后重启服务，一般就可以实现这个功能了
注：防火墙：需要关闭电脑防火墙