vue項目讓他人也能夠訪問你本地代碼

在初始化完一個vue項目(基於vue-cli 和webpack)以後，咱們能夠經過 npm run dev來讓這個項目跑起來。

咱們在瀏覽器裏輸入localhost:8080就能夠訪問該項目了。

可是要是手機想訪問的話，就得經過ip地址，但當我輸入ip地址進行訪問時，卻發現不行。

因而我找項目的配置文件，發現config/index.js,有個host的配置項，默認值爲「localhost」,我把localhost改爲ip地址，重啓，發現能夠訪問，但localhost：8080這個地址就沒辦法訪問了。

本着一點強迫症，在網上百度的基礎與向dalao請教的基礎之上，找到了有個解決辦法。既能經過ip地址訪問，也能經過localhost訪問。

步驟1.將index.js中的host的值改成‘0.0.0.0’
步驟2.修改package.json中script下dev的值，在後面加入–host 0.0.0.0 也能夠解決
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",