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

跨浏览器开发经验总结（三）警惕“IE依赖综合症”

May 13 Javascript

JavaScript高级程序设计事件学习笔记

Sep 10 Javascript

以JSON形式将JS中Array对象数组传至后台的方法

Jan 06 Javascript

JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享

Apr 11 Javascript

前端面试题及答案整理(二)

Aug 26 Javascript

JavaScript常见的五种数组去重的方式

Dec 15 Javascript

理解javascript中的Function.prototype.bind的方法

Feb 03 Javascript

node.js支持多用户web终端实现及安全方案

Nov 29 Javascript

vue3.0 CLI - 2.6 - 组件的复用入门教程

Sep 14 Javascript

vue简单封装axios插件和接口的统一管理操作示例

Feb 02 Javascript

JavaScript创建表格的方法

Apr 13 Javascript

element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)

Dec 02 Vue.js

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/10/09 PHP

解析wamp5下虚拟机配置文档

2013/06/27 PHP

php封装一个异常的处理类

2017/06/08 PHP

javascript cookie解码函数（兼容ff）

2008/03/17 Javascript

给页面渲染时间加速干掉Dom Level 0 Event

2012/12/19 Javascript

jQuery插件开发基础简单介绍

2013/01/07 Javascript

纯js分页代码(简洁实用)

2013/11/05 Javascript

js设置组合快捷键/tabindex功能的方法

2013/11/21 Javascript

JavaScript函数获取事件源的小例子

2014/05/14 Javascript

基于编写jQuery的无缝滚动插件

2014/08/02 Javascript

Jquery效果大全之制作电脑健康体检得分特效附源码下载

2015/11/02 Javascript

jquery+ajax实现注册实时验证实例详解

2015/12/08 Javascript

灵活的理解JavaScript中的this指向

2016/02/25 Javascript

Highcharts 多个Y轴动态刷新数据的实现代码

2016/05/28 Javascript

JS实现按钮控制计时开始和停止功能

2017/07/27 Javascript

小程序怎样让wx.navigateBack更好用的方法实现

2019/11/01 Javascript

js 函数性能比较方法

2020/08/24 Javascript

Vue中引入svg图标的两种方式

2021/01/14 Vue.js

[06:48]DOTA2-DPC中国联赛2月26日Recap集锦

2021/03/11 DOTA

对于Python装饰器使用的一些建议

2015/06/03 Python

Python的for和break循环结构中使用else语句的技巧

2016/05/24 Python

python中通过预先编译正则表达式提高效率

2017/09/25 Python

Python爬虫动态ip代理防止被封的方法

2019/07/07 Python

Numpy对数组的操作：创建、变形(升降维等)、计算、取值、复制、分割、合并

2019/08/28 Python

Python搭建代理IP池实现获取IP的方法

2019/10/27 Python

python pycharm最新版本激活码(永久有效)附python安装教程

2020/09/18 Python

python tkinter实现连连看游戏

2020/11/16 Python

CSS3实现红包抖动效果

2020/12/23 HTML / CSS

eBay德国站：eBay.de

2017/09/14 全球购物

捷克时尚网上商店：OTTO

2018/03/15 全球购物

管理科学大学生求职信

2013/11/13 职场文书

环境科学专业个人求职信

2013/12/15 职场文书

python实现批量提取指定文件夹下同类型文件

2021/04/05 Python

详解Java ES多节点任务的高效分发与收集实现

2021/06/30 Java/Android

手把手教你使用TensorFlow2实现RNN

2021/07/15 Python

Vite + React从零开始搭建一个开源组件库

2022/06/25 Javascript