vue项目同时被localhost和ip地址访问的方法

前言：百度了很多文章，看到了一些方法如以下
index.js中将host: ‘localhost’,改为host: '0.0.0.0’或者host: ‘IP号’
package.json中"dev": “webpack-dev-server --inline --progress --config build/webpack.dev.conf.js”,后面加上–host 0.0.0.0或者–host IP号
build下webpack.dev.conf.js中将const HOST = process.env.HOST改为 const HOST = IP号
看到的时候很晕~~~方法这么多到底起决定性的是什么还是要改动三个呢~
于是花了一些时间实践了一下 在这里做个记录~

• build下webpack.dev.conf.js中将const HOST = process.env.HOST 这个将会决定
  这个中running here的地址
  
  而const HOST = process.env.HOST中的HOST会因index.js中的host改动而改动 所以在这里排除掉改动 build下webpack.dev.conf.js
• 改动index.js中的host值 在这里我尝试

index.js中的host: ‘localhost’,改为host: ‘0.0.0.0’
package.json中后面加上–host IP号

npm run dev后提示running here: http://0.0.0.0:8081 此时访问该网址无法加载，但是可以通过 http://IP号:8081 访问。因此为了看的方便还是把index.js改为自己的端口号把~~所以我觉得起到最终能否访问的决定性在package中 后面加上的 --host的值

• 最后记录既可以在ip访问也可以在localhost访问的方法

package.json中 --host 0.0.0.0
index.js中 host: ‘IP号’
webpack.dev.conf.js不改变
-关于如何查自己的IP号
cmd -> 输入ipconfig

中IPv4就是拉~~

• 通过自己的IP可以访问后如果想在手机上查看可以进入 https://cli.im/，将自己的running here后面跟的地址放进去生成二维码手机就可以查看拉~