基于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导致一直获取失败,发布谨记!!!

Javascript 相关文章推荐
javascript new后的constructor属性
Aug 05 Javascript
Javascript 面向对象编程(一) 封装
Aug 28 Javascript
node+express+ejs制作简单页面上手指南
Nov 26 Javascript
详解JavaScript ES6中的模板字符串
Jul 28 Javascript
javascript中对Date类型的常用操作小结
May 19 Javascript
JS框架之vue.js(深入三:组件1)
Sep 29 Javascript
javascript中获取元素标签中间的内容的实现方法
Oct 08 Javascript
jQuery实现元素的插入
Feb 27 Javascript
AngularJS下$http服务Post方法传递json参数的实例
Mar 29 Javascript
微信小程序云函数添加数据到数据库的方法
Mar 04 Javascript
JavaScript中reduce()的5个基本用法示例
Jul 19 Javascript
Openlayers+EasyUI Tree动态实现图层控制
Sep 28 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 if 想到的些问题
2008/03/22 PHP
谨慎使用PHP的引用原因分析
2012/09/06 PHP
解析link_mysql的php版
2013/06/30 PHP
解决Laravel 使用insert插入数据,字段created_at为0000的问题
2019/10/11 PHP
javascript实现的使用方向键控制光标在table单元格中切换
2010/11/17 Javascript
jQuery中调用WebService方法小结
2011/03/28 Javascript
JS命名空间的另一种实现
2013/08/09 Javascript
jquery ajax 调用失败的原因示例介绍
2013/09/27 Javascript
如何用jquery控制表格奇偶行及活动行颜色
2014/04/20 Javascript
javascript父、子页面交互技巧总结
2014/08/08 Javascript
javascript运算符语法全面概述
2016/07/14 Javascript
ES6新特性之变量和字符串用法示例
2017/04/01 Javascript
基于vue开发的在线付费课程应用过程
2018/01/25 Javascript
详解小程序原生使用ES7 async/await语法
2018/08/06 Javascript
Bootstrap-table自定义可编辑每页显示记录数
2018/09/07 Javascript
vue实现前端分页完整代码
2020/06/17 Javascript
基于python中pygame模块的Linux下安装过程(详解)
2017/11/09 Python
python3.5安装python3-tk详解
2019/04/26 Python
Win10+GPU版Pytorch1.1安装的安装步骤
2019/09/27 Python
python 五子棋如何获得鼠标点击坐标
2019/11/04 Python
ubuntu 18.04 安装opencv3.4.5的教程(图解)
2019/11/04 Python
CSS3+font字体文件实现圆形半透明菜单具体步骤(图解)
2013/06/03 HTML / CSS
什么是触发器(trigger)? 触发器有什么作用?
2013/09/18 面试题
大学生优秀团员事迹材料
2014/01/30 职场文书
卫生巾广告词
2014/03/18 职场文书
职员竞岗演讲稿
2014/05/14 职场文书
质量保证书
2015/01/17 职场文书
端午节活动总结报告
2015/02/11 职场文书
幼儿教师师德师风自我评价
2015/03/05 职场文书
2015年施工员工作总结范文
2015/04/20 职场文书
2015年乡镇财政工作总结
2015/05/19 职场文书
在职证明格式样本
2015/06/15 职场文书
格林童话读书笔记
2015/06/30 职场文书
2016年小学“感恩教师”主题队日活动总结
2016/04/01 职场文书
创业计划书之面包店
2019/09/17 职场文书
创业计划书之韩国烧烤店
2019/09/19 职场文书