通過IP訪問vue-cli項目的步驟和PC端可通過IP訪問，手機無法訪問的問題解決

前言:啓動vue-cli項目服務，在PC端用本機IP可訪問此網站，但是手機訪問卻拒絕了我們的鏈接請求。從而無法從手機上預覽效果。

一、部署ip和localhost都可以訪問本地vue-cli項目

（1）查看config目錄下有一個index.js, 找到dev對象的host屬性（vue-cli將host主機名定義爲localhost, 從而導致了本地IP不能訪問服務）

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

（2）host重新定義爲：0.0.0.0

host: '0.0.0.0'

（3）查看package.json文件，將scripts下的dev屬性增加 --host 0.0.0.0

"scripts": {
        "dev": "webpack-dev-server --inline--progress --config build/webpack.dev.conf.js  --host 0.0.0.0",
        "start": "npm run dev",
        "build": "node build/build.js"
    },

然後，請記得重啓服務，一般就可以實現這個功能了。但是筆者其實在這個方法的使用過程中發現了前言裏發現的問題

二、問題的n個解決方案

• 網絡原因：直接切換到另外一個wifi或者網絡。重新獲取本地IP，換IP訪問即可（筆者經常性是這個問題，超大概率）。
• 防火牆：需要關閉電腦防火牆
• config目錄下有一個index.js和package.json只修改一處，應該2處都修改爲0.0.0.0