今天新建了 vue項目最疆，npm run dev 之后感覺很奇怪陷嘴，瀏覽器沒自動打開頁面乎赴，而且用IP地址替換“l(fā)ocalhost”之后尉剩，竟然報錯了!
還以為網(wǎng)絡(luò)壞了真慢，趕緊檢查是不是網(wǎng)絡(luò)設(shè)置什么代理。
折騰一圈之后理茎，發(fā)現(xiàn)是因為 vue-cli 的 webpack 模板在11月12日 的1.2.0版本引入了wepack-dev-server黑界，而vue-cli沒次創(chuàng)建項目管嬉，默認(rèn)會創(chuàng)建最新的 webpack模板，所以應(yīng)該從11月12日之后朗鸠，通過vue-cli創(chuàng)建的webpack模板都有這個問題蚯撩。
對比了package.json代碼，和以前的代碼已經(jīng)不一樣了
通過網(wǎng)上找的方法烛占，在config/index.js中“host” 配置為“0.0.0.0”解決了胎挎。不能自動打開瀏覽器的問題，配置"autoOpenBrowser"為true后也解決了忆家。
但是又出事了犹菇，把網(wǎng)頁地址發(fā)送到手機(jī)，怎么償試都是Android 正常打開芽卿，而iOS 10為空白頁（iOS 11也能正常打開）项栏。
Vue v2.5.2對 iOS 10的兼容，官方?jīng)]有說蹬竖，也沒有沒有找到解決方法沼沈。那現(xiàn)在只能Vue降級了，至少前幾個版本還是好用的币厕。
選擇了 webpack v1.1.2模板做降級列另，這個模板對應(yīng)著Vue 2.4.2的版本。
一波三折旦装，故事還沒完页衙，運(yùn)行npm run dev 之后又報錯了！
又去看package.json阴绢，發(fā)現(xiàn) vue-template-compiler 和 vue 的版本不一致店乐。
單這么改還不行，因為還要去除 wepack-dev-server呻袭，以及 config/index.js 的代碼也要還原眨八。
把項目刪了，重新 vue init webpack proj 左电，打開項目廉侧，修改 package.json 中 vue 版本號，再運(yùn)行 npm install 篓足， npm run dev 段誊，Done！
