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

javascript 学习之旅（3）

Feb 05 Javascript

为javascript添加String.Format方法

Aug 11 Javascript

jquery实现图片左右间隔滚动特效(可自动播放)

May 08 Javascript

深入解析contentWindow, contentDocument

Jul 04 Javascript

多种方法判断Javascript对象是否存在

Sep 22 Javascript

node.js中的fs.readlink方法使用说明

Dec 17 Javascript

利用Chrome DevTools直接调试Node.js和JavaScript的方法详解(并行)

Feb 16 Javascript

JavaScript中Promise的使用详解

Feb 26 Javascript

IScroll5实现下拉刷新上拉加载的功能实例

Aug 11 Javascript

MUI 实现侧滑菜单及其主体部分上下滑动的方法

Jan 25 Javascript

微信小程序文章详情页面实现代码

Sep 10 Javascript

vue 二维码长按保存和复制内容操作

Sep 22 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获得用户使用的代理服务器ip即真实ip

2006/12/31 PHP

ubuntu下配置nginx+php+mysql详解

2015/09/10 PHP

初识ThinkPHP控制器

2016/04/07 PHP

php 二维数组时间排序实现代码

2016/11/19 PHP

PHP7.1实现的AES与RSA加密操作示例

2018/06/15 PHP

Yii框架中用response保存cookie，用request读取cookie的原理解析

2019/09/04 PHP

解决laravel上传图片之后,目录有图片,但是访问不到(404)的问题

2019/10/14 PHP

键盘控制事件应用教程大全

2006/11/24 Javascript

基于JQuery的数字改变的动画效果--可用来做计数器

2010/08/11 Javascript

用js写了一个类似php的print_r输出换行功能

2013/02/18 Javascript

js使用循环清空某个div中的input标签值

2014/09/29 Javascript

js中hash和ico的关联分析

2015/02/05 Javascript

jQuery Validate表单验证插件添加class属性形式的校验

2016/01/18 Javascript

jQuery的层级查找方式分析

2016/06/16 Javascript

js入门之Function函数的使用方法【新手必看】

2016/11/22 Javascript

基于JavaScript实现轮播图原理及示例

2020/04/10 Javascript

jQuery实现鼠标跟随效果

2017/02/20 Javascript

Bootstrap输入框组件简单实现代码

2017/03/06 Javascript

js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解

2017/03/15 Javascript

Element输入框带历史查询记录的实现示例

2019/01/15 Javascript

深入浅析golang zap 日志库使用（含文件切割、分级别存储和全局使用等）

2020/02/19 Javascript

[27:02]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第三场

2014/05/24 DOTA

[01:19:46]EG vs Secret 2019国际邀请赛淘汰赛胜者组 BO3 第二场 8.21.mp4

2020/07/19 DOTA

Python使用minidom读写xml的方法

2015/06/03 Python

python开发之list操作实例分析

2016/02/22 Python

Python使用PIL库实现验证码图片的方法

2016/03/11 Python

Python tkinter模块弹出窗口及传值回到主窗口操作详解

2017/07/28 Python

Request的中断和ErrorHandler实例解析

2018/02/12 Python

解决python3读取Python2存储的pickle文件问题

2018/10/25 Python

Django CSRF跨站请求伪造防护过程解析

2019/07/31 Python

Clarins娇韵诗英国官网：来自法国的天然护肤品牌

2017/04/18 全球购物

北欧最好的童装网上商店：Babyshop

2019/09/15 全球购物

销售部主管岗位职责

2013/12/18 职场文书

幼师辞职信怎么写

2015/02/27 职场文书

高一语文教学反思

2016/02/16 职场文书

vue.js 使用原生js实现轮播图

2022/04/26 Vue.js