基于VUE移动音乐WEBAPP跨域请求失败的解决方法

这篇文章主要为大家详细介绍了基于VUE移动音乐WEBAPP跨域请求失败的解决方法，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

在学习一位vue大牛的课程《VUE2.0移动端音乐App开发》时，由于vue的版本原因遇到了一些问题

这是其中之一，花费了很多的时间去解决

虽然搞定了这个问题，但是很多东西理解也不是很到位，下面详细说：

系统windows，vue版本2.9.1

项目结构如下：

【q1010.com温馨提示：图片暂缺】

这里就知道版本差异了，我没有dev-server这个文件，按照黄大牛的配置会报404的错误，错误具体我就不贴了

直接上解决办法

首先在config目录下配置index.js文件如下

【q1010.com温馨提示：图片暂缺】

然后在webpack.dev.conf中配置如下

【q1010.com温馨提示：图片暂缺】

当然，想调用数据需要在响应的逻辑中进行配置，在recommend.js中写以下

【q1010.com温馨提示：图片暂缺】

在recommend.vue进行引入即可，然后console.log在控制台查看

【q1010.com温馨提示：图片暂缺】

上面的问题解决上，我犯了个低级错误，在recommend.js中的getDiscList后面没有加s导致一直获取失败，发布谨记！！！

本文来自：http://www.q1010.com/184/4000-0.html

注：关于基于VUE移动音乐WEBAPP跨域请求失败的解决方法的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js