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

jquer之ajaxQueue简单实现代码

Sep 15 Javascript

js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?

Nov 18 Javascript

使用javascript插入样式

Mar 14 Javascript

laypage分页控件使用实例详解

May 19 Javascript

分享一个插件实现水珠自动下落效果

Jun 01 Javascript

Document.body.scrollTop的值总为零的快速解决办法

Jun 09 Javascript

微信扫码支付零云插件版实例详解

Apr 26 Javascript

JavaScript解析任意形式的json树型结构展示

Jul 23 Javascript

Angular实现的简单定时器功能示例

Dec 28 Javascript

vue2.0 实现导航守卫（路由守卫）

May 21 Javascript

ES6 Class中实现私有属性的一些方法总结

Jul 08 Javascript

Vue使用axios引起的后台session不同操作

Aug 14 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

一个程序下载的管理程序(三)

2006/10/09 PHP

php自定义apk安装包实例

2014/10/20 PHP

php实现TCP端口检测的方法

2015/04/01 PHP

Symfony实现行为和模板中取得request参数的方法

2016/03/17 PHP

基于php解决json_encode中文UNICODE转码问题

2020/11/10 PHP

asp.net下利用js实现返回上一页的实现方法小集

2009/11/24 Javascript

jQuery1.6 正式版发布并提供下载

2011/05/05 Javascript

js内存泄露的几种情况详细探讨

2013/05/31 Javascript

jquery分页对象使用示例

2014/04/01 Javascript

Bootstrap打造一个左侧折叠菜单的系统模板(一)

2016/05/17 Javascript

JavaScript中ES6字符串扩展方法

2016/08/26 Javascript

chrome浏览器如何断点调试异步加载的JS

2016/09/05 Javascript

利用vue-router实现二级菜单内容转换

2016/11/30 Javascript

基于vue2.0+vuex+localStorage开发的本地记事本示例

2017/02/28 Javascript

你可能不知道的前端算法之文字避让（inMap）

2018/01/12 Javascript

使用vue-aplayer插件时出现的问题的解决

2018/03/02 Javascript

vuex 的简单使用

2018/03/22 Javascript

Node.js + express基本用法教程

2019/03/14 Javascript

详解jQuery中的getAll()和cleanData()

2019/04/15 jQuery

原生JavaScript写出Tabs标签页的实例代码

2020/07/20 Javascript

Python中使用Beautiful Soup库的超详细教程

2015/04/30 Python

基于Django用户认证系统详解

2018/02/21 Python

python版本单链表实现代码

2018/09/28 Python

CSS3 实现侧边栏展开收起动画

2014/12/22 HTML / CSS

John Hardy官方网站：手工设计首饰的奢侈品牌

2017/07/05 全球购物

大都会艺术博物馆商店：The Met Store

2018/06/22 全球购物

运动会入场词50字

2014/02/20 职场文书

安全教育实施方案

2014/03/02 职场文书

科学发展观活动总结

2014/08/28 职场文书

2014大学生党员评议个人总结

2014/09/22 职场文书

电子商务实训报告总结

2014/11/05 职场文书

2014群众路线学习笔记

2014/11/06 职场文书

教师年度考核个人总结

2015/02/12 职场文书

倡议书范文大全

2015/04/28 职场文书

迎国庆主题班会

2015/08/17 职场文书

Win11应用商店打开闪退怎么解决? win11应用商店打不开的多种解决办法

2022/04/05 数码科技