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

一个人命中最大的幸运,莫过于在他人生中途,即在他年富力强时发现了自己生活的使命。

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

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

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

系统windows,vue版本2.9.1

项目结构如下:

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

直接上解决办法

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

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

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

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

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

以上就是基于VUE移动音乐WEBAPP跨域请求失败的如何解决方法。不管是打雷下雨下雹子还是刀子。都要早起前行去学习,你的伙伴会贪睡不去,但不可以是你。没有伞的孩子必须努力奔跑,你的人生无路可走!更多关于基于VUE移动音乐WEBAPP跨域请求失败的如何解决方法请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
Vue路由参数的传递与获取方式详细介绍

vue学习记录之动态组件浅析

如何解决ElementUI组件中el-upload上传图片不显示问题

解读element el-upload上传的附件名称不显示 file-list赋值

一篇关于el-table-column的formatter的如何使用及说明