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