编程 Javascript

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

Posted in Javascript onJanuary 16, 2018

在学习一位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移动音乐WEBAPP跨域请求失败的解决方法

- Author -

dumin

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js实现iframe动态调整高度的代码

Jan 06 Javascript

JAVASCRIPT函数作用域和提前声明分享

Aug 22 Javascript

手机端页面rem宽度自适应脚本

May 20 Javascript

json定义及jquery操作json的方法

Oct 03 Javascript

将form表单通过ajax实现无刷新提交的简单实例

Oct 12 Javascript

10个最优秀的Node.js MVC框架

Aug 24 Javascript

vue webuploader 文件上传组件开发

Sep 23 Javascript

AngularJs用户输入动态模板XSS攻击示例详解

Apr 21 Javascript

简述JS控制台的使用

Jul 15 Javascript

vue.js实现简单购物车功能

May 30 Javascript

微信小程序实现列表滚动头部吸顶的示例代码

Jul 12 Javascript

如何在CocosCreator里画个炫酷的雷达图

Apr 16 Javascript

AngularJS监听ng-repeat渲染完成的两种方法

Jan 16 #Javascript

微信小程序实现流程进度的图样式功能

Jan 16 #Javascript

使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析

Jan 16 #Javascript

vue单页面打包文件大？首次加载慢？nginx带你飞，从7.5M到1.3M蜕变过程(推荐)

Jan 16 #Javascript

详解layui中的树形关于取值传值问题

Jan 16 #Javascript

基于JavaScript实现抽奖系统

Jan 16 #Javascript

详解JavaScript基础知识（JSON、Function对象、原型、引用类型）

Jan 16 #Javascript

You might like

PHP文本数据库的搜索方法

2006/10/09 PHP

默默简单的写了一个模板引擎

2007/01/02 PHP

php中static静态变量的使用方法详解

2010/06/04 PHP

PHP使用适合阅读的格式显示文件大小的方法

2015/03/05 PHP

php输出xml属性的方法

2015/03/19 PHP

AES加解密在php接口请求过程中的应用示例

2016/10/26 PHP

php魔法函数与魔法常量使用介绍

2017/07/23 PHP

php7 图形用户界面GUI 开发示例

2020/02/22 PHP

JavaScript开发规范要求(规范化代码)

2010/08/16 Javascript

js获取下拉列表的值和元素个数示例

2014/05/07 Javascript

JavaScript字符串删除重复字符的方法

2015/12/25 Javascript

JavaScript事件学习小结（一）事件流

2016/06/09 Javascript

动态JavaScript所造成一些你不知道的危害

2016/09/25 Javascript

ES6新特性之解构、参数、模块和记号用法示例

2017/04/01 Javascript

微信小程序网络请求的封装与填坑之路

2017/04/01 Javascript

JS使用setInterval实现的简单计时器功能示例

2018/04/19 Javascript

node基于async/await对mysql进行封装

2019/06/20 Javascript

vue+element table表格实现动态列筛选的示例代码

2021/01/14 Vue.js

[34:39]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#1COL VS EG第二局

2016/03/05 DOTA

Python 字典dict使用介绍

2014/11/30 Python

Python批量合并有合并单元格的Excel文件详解

2018/04/05 Python

python 实现GUI(图形用户界面)编程详解

2019/07/17 Python

python通过SSH登陆linux并操作的实现

2019/10/10 Python

高考考python编程是真的吗

2020/07/20 Python

HTML5中判断用户是否正在浏览页面的方法

2014/05/03 HTML / CSS

英国度假别墅预订：Sykes Cottages

2017/06/12 全球购物

周仰杰(JIMMY CHOO)法国官方网站：闻名世界的鞋子品牌

2019/09/27 全球购物

节约粮食标语

2014/06/18 职场文书

巾帼志愿者活动方案

2014/08/17 职场文书

法英专业大学生职业生涯规划范文：衡外情，量己力！

2014/09/23 职场文书

2015年暑假生活总结

2015/07/13 职场文书

2016初一新生军训心得体会

2016/01/11 职场文书

Python异常类型以及处理方法汇总

2021/06/05 Python

微软Win11有哪些隐藏功能? windows11多个功能汇总

2021/11/21 数码科技

DIY胆机必读：各国电子管评价

2022/04/06 无线电

win10识别不了U盘怎么办 win10系统读取U盘失败的解决办法

2022/08/05 数码科技