欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

在VUE移动音乐WEBAPP中有关跨域请求失败方面的问题

程序员文章站 2022-04-30 15:26:23
...
这篇文章主要介绍了基于VUE移动音乐WEBAPP跨域请求失败的解决方法,需要的朋友可以参考下

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

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

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

系统windows,vue版本2.9.1

项目结构如下:

在VUE移动音乐WEBAPP中有关跨域请求失败方面的问题

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

直接上解决办法

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

在VUE移动音乐WEBAPP中有关跨域请求失败方面的问题

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

在VUE移动音乐WEBAPP中有关跨域请求失败方面的问题

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

在VUE移动音乐WEBAPP中有关跨域请求失败方面的问题

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

在VUE移动音乐WEBAPP中有关跨域请求失败方面的问题

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

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

vue中dialog弹框如何实现

在D3.js中如何实现动态进度条

vue中实现模态框(通用写法)

在Vue.js 2.0和Cordova开发中如何搭建webApp环境

在ajax请求不同页面的微信JSSDK出现的一些问题?

详细解读Node 定时器知识

在Es6中有关Generator函数详细解析

以上就是在VUE移动音乐WEBAPP中有关跨域请求失败方面的问题的详细内容,更多请关注其它相关文章!