编程 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 相关文章推荐

jquery1.4 教程二 ajax方法的改进

Feb 25 Javascript

jQuery中data()方法用法实例

Dec 27 Javascript

js完美实现@提到好友特效（兼容各大浏览器）

Mar 16 Javascript

JavaScript的jQuery库中ready方法的学习教程

Aug 14 Javascript

JavaScript面试题大全(推荐)

Sep 22 Javascript

浅谈jQuery绑定事件会叠加的解决方法和心得总结

Oct 26 Javascript

bootstrap Table服务端处理分页(后台是.net)

Oct 19 Javascript

vue中引入第三方字体文件的方法示例

Dec 17 Javascript

Vue唯一可以更改vuex实例中state数据状态的属性对象Mutation的讲解

Jan 18 Javascript

Javascript读写cookie的实例源码

Mar 16 Javascript

vue路由拦截器和请求拦截器知识点总结

Nov 08 Javascript

node.js Promise对象的使用方法实例分析

Dec 26 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

mac下Apache + MySql + PHP搭建网站开发环境

2014/06/02 PHP

php中session与cookie的比较

2015/01/27 PHP

[原创]php使用strpos判断字符串中数字类型子字符串出错的解决方法

2017/04/01 PHP

ThinkPHP5 的简单搭建和使用详解

2018/11/15 PHP

通用javascript脚本函数库方便开发

2009/10/13 Javascript

JavaScript null和undefined区别分析

2009/10/14 Javascript

JQuery each()函数如何优化循环DOM结构的性能

2012/12/10 Javascript

jquery自定义类似$.ajax()的方法实现代码

2013/08/13 Javascript

JS小功能（button选择颜色)简单实例

2013/11/29 Javascript

Javascript学习指南

2014/12/01 Javascript

浅谈js的setInterval事件

2014/12/05 Javascript

5个数组Array方法: indexOf、filter、forEach、map、reduce使用实例

2015/01/29 Javascript

简化版手机端照片预览组件

2015/04/13 Javascript

超详细的javascript数组方法汇总

2015/11/21 Javascript

jquery 属性选择器（匹配具有指定属性的元素）

2016/09/06 Javascript

jquery实现放大镜简洁代码(推荐)

2017/06/08 jQuery

jQuery中 DOM节点操作方法大全

2017/10/12 jQuery

利用vue开发一个所谓的数独方法实例

2017/12/21 Javascript

JavaScript原型对象原理与应用分析

2018/12/27 Javascript

使用javascript做时间倒数读秒功能的实例

2019/01/23 Javascript

layui原生表单验证的实例

2019/09/09 Javascript

使用axios发送post请求,将JSON数据改为form类型的示例

2019/10/31 Javascript

Postman如何实现参数化执行及断言处理

2020/07/28 Javascript

python实现跨excel的工作表sheet之间的复制方法

2018/05/03 Python

详解使用python绘制混淆矩阵（confusion_matrix）

2019/07/14 Python

Django使用模板后无法找到静态资源文件问题解决

2019/07/19 Python

softmax及python实现过程解析

2019/09/30 Python

Python基于Tensor FLow的图像处理操作详解

2020/01/15 Python

老公爱的承诺书

2014/03/31 职场文书

2014年村支部书记四风对照检查材料思想汇报

2014/10/02 职场文书

学校捐款活动总结

2015/05/09 职场文书

中学后勤工作总结2015

2015/07/22 职场文书

学校远程教育工作总结

2015/08/11 职场文书

2016大学生诚信考试承诺书

2016/03/25 职场文书

vue点击弹窗自动触发点击事件的解决办法(模拟场景)

2021/05/25 Vue.js

Pytorch GPU内存占用很高,但是利用率很低如何解决

2021/06/01 Python