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

深入分析JSONP跨域的原理

Dec 10 Javascript

jQuery对象的length属性用法实例

Dec 27 Javascript

jQuery中:input选择器用法实例

Jan 03 Javascript

轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮

Nov 30 Javascript

JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍

May 19 Javascript

jquery获取复选框的值的简单实例

May 26 Javascript

使用Bootstrap + Vue.js实现添加删除数据示例

Feb 27 Javascript

9102了，你还不会移动端真机调试吗

Mar 25 Javascript

Vue基于vuex、axios拦截器实现loading效果及axios的安装配置

Apr 26 Javascript

Vue基础学习之项目整合及优化

Jun 02 Javascript

Javascript模拟实现new原理解析

Mar 03 Javascript

vue组件是如何解析及渲染的？

Jan 13 Vue.js

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循环获取GET和POST值的代码

2008/04/09 PHP

对联广告js flash激活

2006/10/19 Javascript

Document对象内容集合(比较全)

2010/09/06 Javascript

Jquery下:nth-child(an+b)的使用注意

2011/05/28 Javascript

JavaScript中json对象和string对象之间相互转化

2012/12/26 Javascript

浅析JavaScript原型继承的陷阱

2013/12/03 Javascript

javascript实现禁止右键和F12查看源代码

2014/12/26 Javascript

DOM节点的替换或修改函数replaceChild()用法实例

2015/01/12 Javascript

浅谈javascript 函数属性和方法

2015/01/21 Javascript

JS实现新浪微博效果带遮罩层的弹出框代码

2015/10/12 Javascript

jQuery基于json与cookie实现购物车的方法

2016/04/15 Javascript

JS图片放大效果简单实现代码

2016/09/08 Javascript

JS实现的五级联动菜单效果完整实例

2017/02/23 Javascript

JavaScript编写一个贪吃蛇游戏

2017/03/09 Javascript

angularjs2中父子组件的数据传递的实例代码

2017/07/05 Javascript

jquery tmpl模板(实例讲解)

2017/09/02 jQuery

jQuery实现注册会员时密码强度提示信息功能示例

2017/09/05 jQuery

javascript 开发之网页兼容各种浏览器

2017/09/28 Javascript

详解vue-cli脚手架中webpack配置方法

2018/08/22 Javascript

python之wxPython菜单使用详解

2014/09/28 Python

python单例模式的多种实现方法

2019/07/26 Python

Python网络编程之使用TCP方式传输文件操作示例

2019/11/01 Python

在Tensorflow中实现梯度下降法更新参数值

2020/01/23 Python

在tensorflow下利用plt画论文中loss,acc等曲线图实例

2020/06/15 Python

Python如何定义有可选参数的元类

2020/07/31 Python

CSS3 transforms应用于背景图像的解决方法

2019/04/16 HTML / CSS

html5画布旋转效果示例

2014/01/27 HTML / CSS

HTML中meta标签及Keywords

2020/04/15 HTML / CSS

简单介绍Object类的功能、常用方法

2013/10/02 面试题

介绍一下ICMP(Internet Control Message Protocol)Internet控制信息协议

2016/11/26 面试题

财务总监管理岗位职责

2014/03/08 职场文书

煤矿开采专业求职信

2014/07/08 职场文书

公司人事专员岗位职责

2014/08/11 职场文书

什么是求职信？求职信应包含哪些内容？

2019/08/14 职场文书

Pandas||过滤缺失数据||pd.dropna()函数的用法说明

2021/05/14 Python

浅谈PostgreSQL表分区的三种方式

2021/06/29 PostgreSQL