基于VUE移動(dòng)音樂(lè)WEBAPP跨域請(qǐng)求失敗的解決方法
在學(xué)習(xí)一位vue大牛的課程《VUE2.0移動(dòng)端音樂(lè)App開(kāi)發(fā)》時(shí),由于vue的版本原因遇到了一些問(wèn)題
這是其中之一,花費(fèi)了很多的時(shí)間去解決
雖然搞定了這個(gè)問(wèn)題,但是很多東西理解也不是很到位,下面詳細(xì)說(shuō):
系統(tǒng)windows,vue版本2.9.1
項(xiàng)目結(jié)構(gòu)如下:
這里就知道版本差異了,我沒(méi)有dev-server這個(gè)文件,按照黃大牛的配置會(huì)報(bào)404的錯(cuò)誤,錯(cuò)誤具體我就不貼了
直接上解決辦法
首先在config目錄下配置index.js文件如下
然后在webpack.dev.conf中配置如下
當(dāng)然,想調(diào)用數(shù)據(jù)需要在響應(yīng)的邏輯中進(jìn)行配置,在recommend.js中寫(xiě)以下
在recommend.vue進(jìn)行引入即可,然后console.log在控制臺(tái)查看
上面的問(wèn)題解決上,我犯了個(gè)低級(jí)錯(cuò)誤,在recommend.js中的getDiscList后面沒(méi)有加s導(dǎo)致一直獲取失敗,發(fā)布謹(jǐn)記?。?!
相關(guān)文章
vue調(diào)用swiper插件步驟教程(最易理解且詳細(xì))
有時(shí)候我們需要在vue中使用輪播組件,如果是在vue組件中引入第三方組件的話,最好通過(guò)npm安裝,從而進(jìn)行統(tǒng)一安裝包管理,下面這篇文章主要給大家介紹了關(guān)于vue調(diào)用swiper插件的相關(guān)資料,需要的朋友可以參考下2023-04-04Vue實(shí)現(xiàn)上拉加載下一頁(yè)效果的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何利用Vue實(shí)現(xiàn)上拉加載下一頁(yè)效果,文中的示例代碼講解詳細(xì),對(duì)我們學(xué)習(xí)Vue有一定幫助,需要的可以參考一下2022-08-08vue.js使用Element-ui實(shí)現(xiàn)導(dǎo)航菜單
這篇文章主要為大家詳細(xì)介紹了vue.js使用Element-ui中實(shí)現(xiàn)導(dǎo)航菜單,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09Vue2安裝使用MonacoEditor方式(自定義語(yǔ)法,自定義高亮,自定義提示)
這篇文章主要介紹了Vue2安裝使用MonacoEditor方式(自定義語(yǔ)法,自定義高亮,自定義提示),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-04-04vue綁定數(shù)字類型 value為數(shù)字的實(shí)例
這篇文章主要介紹了vue綁定數(shù)字類型 value為數(shù)字的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-08-08