编程 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 html 静态页面传参数

Apr 10 Javascript

jquery判断单个复选框是否被选中的代码

Sep 03 Javascript

javascript event 事件解析

Jan 31 Javascript

jQuery(1.6.3) 中css方法对浮动的实现缺陷分析

Sep 09 Javascript

JavaScript中数组对象的那些自带方法介绍

Mar 12 Javascript

js获取对象为null的解决方法

Nov 21 Javascript

js设置function参数默认值(适合没有传参情况)

Feb 24 Javascript

js数组去重的hash方法

Dec 22 Javascript

js自定义QQ菜单效果

Jan 10 Javascript

JavaScript中的call和apply的用途以及区别

Jan 11 Javascript

利用js给datalist或select动态添加option选项的方法

Jan 25 Javascript

在vue中获取微信支付code及code被占用问题的解决方法

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/11/25 PHP

php $_SERVER windows系统与linux系统下的区别说明

2014/02/14 PHP

PHP的文件操作与算法实现的面试题示例

2015/08/10 PHP

PHP curl模拟登录带验证码的网站

2015/11/30 PHP

PHP实现的pdo连接数据库并插入数据功能简单示例

2019/03/30 PHP

redis+php实现微博（三）微博列表功能详解

2019/09/23 PHP

PHP中->和=>的含义及使用示例解析

2020/08/06 PHP

Ext grid 添加右击菜单

2009/11/26 Javascript

JavaScript 利用Cookie记录用户登录信息

2009/12/08 Javascript

javascript中使用css需要注意的地方小结

2010/09/01 Javascript

javascript不可用的问题探究

2013/10/01 Javascript

jquery实现的网页自动播放声音

2014/04/30 Javascript

jQuery内容筛选选择器实例代码

2017/02/06 Javascript

基于JavaScript实现前端数据多条件筛选功能

2020/08/19 Javascript

vue项目中的webpack-dev-sever配置方法

2017/12/14 Javascript

Vue中在新窗口打开页面及Vue-router的使用

2018/06/13 Javascript

浅谈VUE单页应用首屏加载速度优化方案

2018/08/28 Javascript

jQuery插件实现的日历功能示例【附源码下载】

2018/09/07 jQuery

vue设置导航栏、侧边栏为公共页面的例子

2019/11/01 Javascript

[01:03:59]2018DOTA2亚洲邀请赛3月30日小组赛B组VGJ.T VS Secret

2018/03/31 DOTA

[46:04]Liquid vs VP Supermajor决赛 BO 第四场 6.10

2018/07/05 DOTA

Python和php通信乱码问题解决方法

2014/04/15 Python

python3利用Dlib19.7实现人脸68个特征点标定

2018/02/26 Python

Python 项目转化为so文件实例

2019/12/23 Python

python爬虫学习笔记之pyquery模块基本用法详解

2020/04/09 Python

paramiko使用tail实时获取服务器的日志输出详解

2020/12/06 Python

英国工作场所设备购买网站：Slingsby

2019/05/03 全球购物

房地产促销活动方案

2014/03/01 职场文书

3.15国际消费者权益日主题活动活动总结

2014/03/16 职场文书

法制宣传日活动总结

2014/04/29 职场文书

预备党员转正考核材料

2014/06/03 职场文书

对外汉语专业大学生职业生涯规划范文

2014/09/13 职场文书

2015届本科毕业生自我鉴定

2014/09/27 职场文书

浙江省杭州市平均工资标准是多少？

2019/07/09 职场文书

javascript的var与let,const之间的区别详解

2022/02/18 Javascript

Win10此设备不支持接收Miracast无法投影的解决方法

2022/07/07 数码科技