解決:vue運行之後,真機無法獲取數據!在手機上發送不出去axios 或者 ajax,請求失敗

我的天 這個大坑~   神煩   百度餿了各種辦法  不下一百個網頁  最後發現是請求路徑的錯誤

有說es6不兼容的,好那咱就試  對吧   安裝polyfill  咱全局安裝   代碼污染就污染  後期再改

安裝好 調試好之後   不行 還是出不來

繼續苦思冥想 

都是局域網地址  爲什麼就訪問不到本地tomcat服務器呢

pc上 模擬各種手機  也能正常訪問到數據啊  爲啥真機上就出不來呢?

最後得出個結論:地址寫錯了!!!

原本設置的是:axios.default.baseUrl ='http://localhost:8080'

後來仔細一想,我去!  這永遠訪問的是當前機器的地址啊,我筆記本上有tomcat,所以能請求成功!

但是我手機訪問的時候,請求的是手機上的tomcat! 

手機上哪有tomcat   果斷改爲 axios.default.baseUrl ='http://192.168.0.9:8080' 

 vue中這麼設置了一下 

 "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "webpack-dev-server --open --port 3000  --hot  --host 192.168.0.9"
  },

然後執行 npm run dev 就可以手機輸入地址訪問了

數據顯示出來的那一刻  我有種感動(chun)哭了的感覺!

寒假剛接觸vue   爬了好多坑~   繼續爬     

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章