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

jquery 得到当前页面高度和宽度的两个函数

Feb 21 Javascript

javascript 验证日期的函数

Mar 18 Javascript

开启Javascript中apply、call、bind的用法之旅模式

Oct 28 Javascript

深入浅析AngularJS和DataModel

Feb 16 Javascript

SelecT下拉框选中和取值的解决方法

Nov 22 Javascript

原生的强大DOM选择器querySelector介绍

Dec 21 Javascript

angularjs实现柱状图动态加载的示例

Dec 11 Javascript

JavaScript实现百度搜索框效果

Mar 26 Javascript

使用layer弹窗提交表单时判断表单是否输入为空的例子

Sep 26 Javascript

JavaScript进阶（二）词法作用域与作用域链实例分析

May 09 Javascript

解决vue组件销毁之后计时器继续执行的问题

Jul 21 Javascript

Ant Design Vue table中列超长显示...并加提示语的实例

Oct 31 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

日本十大最佳动漫，全都是二次元的神级作品

2019/10/05 日漫

隐性调用php程序的方法

2015/06/13 PHP

php中使用GD库做验证码

2016/03/31 PHP

laravel 修改.htaccess文件重定向public的解决方法

2019/10/12 PHP

基于JavaScript实现获取鼠标点击位置坐标的方法

2013/04/12 Javascript

jQuery拖拽div实现思路

2014/02/19 Javascript

JQuery给元素绑定click事件多次执行的解决方法

2014/05/29 Javascript

jQuery中andSelf()方法用法实例

2015/01/08 Javascript

jQuery验证插件validation使用指南

2015/04/21 Javascript

js中的内部属性与delete操作符介绍

2015/08/10 Javascript

基于jquery实现页面滚动时顶部导航显示隐藏

2020/04/20 Javascript

JavaScript setTimeout使用闭包功能实现定时打印数值

2015/12/18 Javascript

jQuery常用知识点总结以及平时封装常用函数

2016/02/23 Javascript

jQuery包裹节点用法完整示例

2016/09/13 Javascript

jquery操作ID带有变量的节点实例

2016/12/07 Javascript

基于Bootstrap的标签页组件及bootstrap-tab使用说明

2017/07/25 Javascript

使用travis-ci如何持续部署node.js应用详解

2017/07/30 Javascript

seajs实现强制刷新本地缓存的方法分析

2017/10/16 Javascript

详解angular脏检查原理及伪代码实现

2018/06/08 Javascript

Vue表单绑定的实例代码（单选按钮,选择框（单选时,多选时,用 v-for 渲染的动态选项）

2019/05/13 Javascript

关于vue 项目中浏览器跨域的配置问题

2020/11/10 Javascript

python计算最小优先级队列代码分享

2013/12/18 Python

python网络编程之读取网站根目录实例

2014/09/30 Python

利用Fn.py库在Python中进行函数式编程

2015/04/22 Python

关于Django外键赋值问题详解

2017/08/13 Python

python生成器，可迭代对象，迭代器区别和联系

2018/02/04 Python

python-str,list,set间的转换实例

2018/06/27 Python

Python爬虫之pandas基本安装与使用方法示例

2018/08/08 Python

Pytorch之卷积层的使用详解

2019/12/31 Python

pycharm解决关闭flask后依旧可以访问服务的问题

2020/04/03 Python

Python之Matplotlib文字与注释的使用方法

2020/06/18 Python

python3实现简单飞机大战

2020/11/29 Python

pycharm 实现复制一行的快捷键

2021/01/15 Python

利用纯html5绘制出来的一款非常漂亮的时钟

2015/01/04 HTML / CSS

德国家具、照明、家居用品网上商店：Wayfair.de

2020/02/13 全球购物

生产副总岗位职责

2013/11/28 职场文书