這篇文章主要介紹了基於VUE行動音樂WEBAPP跨域請求失敗的解決方法,需要的朋友可以參考下
在學習一位vue大牛的課程《VUE2.0行動端音樂App開發》時,由於vue的版本原因遇到了一些問題
這是其中之一,花費了很多的時間去解決
雖然搞定了這個問題,但是很多東西理解也不是很到位,下面詳細說:
系統windows,vue版本2.9.1
#專案結構如下:
![](https://img.php.cn/upload/article/000/000/008/d4fb5680a9595069a1f28488f1518c28-0.png)
##這裡就知道版本差異了,我沒有dev-server這個文件,按照黃大牛的配置會報404的錯誤,錯誤具體我就不貼了
直接上解決辦法
#首先在config目錄下配置index.js檔案如下
![](https://img.php.cn/upload/article/000/000/008/d4fb5680a9595069a1f28488f1518c28-1.png)
然後在webpack.dev.conf中配置如下
![](https://img.php.cn/upload/article/000/000/008/a0a8aa7c406833e5e7b692ed69b2a8d0-2.png)
當然,想調用資料需要在回應的邏輯中進行配置,在recommend.js中寫以下
![](https://img.php.cn/upload/article/000/000/008/a0a8aa7c406833e5e7b692ed69b2a8d0-3.png)
#在recommend.vue進行引入即可,然後console.log在控制台查看
![](https://img.php.cn/upload/article/000/000/008/3be443d15999609761305f8a21f52227-4.png)
上面的問題解決上,我犯了個低階錯誤,在recommend.js中的getDiscList後面沒有加s導致一直獲取失敗,發布謹記! ! !
上面是我整理給大家的,希望今後對大家有幫助。
相關文章:
vue中dialog彈框如何實作
在D3.js中如何實作動態進度條
vue中實作模態框(通用寫法)
在Vue.js 2.0和Cordova開發中如何建構webApp環境
#在ajax請求不同頁面的微信JSSDK出現的一些問題?
詳細解讀Node 定時器知識
#在Es6有關Generator函數詳細解析#
以上是在VUE移動音樂WEBAPP中有關跨域請求失敗方面的問題的詳細內容。更多資訊請關注PHP中文網其他相關文章!