ajax调用网易云APi遇到跨域问题

jquery调用网易云音乐API遇到，网易音乐接口需要用node启动
前端js调用代码

var thisUrl="http://127.0.0.1:3000/album?id=32311";$.ajax({type:"get",url:thisUrl,async:true,dataType:"jsonp",success:function(musicData){var data=JSON.parse(musicData)console.log(data)},error:function(err){console.log(err)}
});

控制台错误提示：Uncaught SyntaxError: Unexpected token :

怎么看代码都没毛病啊！！哪里出的错！！！？
聪明的我马上查百度，发现百度并没有什么类似的情况。自己解决半天，并没有什么进展。
原因：由于后台直接将json数据send过来，而json数据是不能跨域的，只能以jsonp的形式进行跨域，造成前端无法直接获取数据。
解决办法：这时候我们要将json数据放到一个对象中了，并以字符串的形式send给客户端

   const express = require("express")
const router = express()
const { createRequest } = require("../util/util")router.get("/", (req, res) => {const id = req.query.idcreateRequest(`/api/album/${id}`, 'GET', null).then(result => {res.setHeader("Content-Type", "application/json");console.dir(result);var obj = "callback({'data':"+result+"})";//这里是将数据放入callback中res.send(obj)}).catch(err => {res.status(502).send('fetch error')})
})module.exports = router

结果：不贴图了。
最后放个网易云音乐API地址：https://binaryify.github.io/NeteaseCloudMusicApi/#/

ajax调用网易云APi遇到跨域问题相关推荐

golang调用网易云API
GitHub地址(包含了主要代码) https://github.com/GitHub0301/wyy 喜欢的朋友可以star一下代码主要包含了3个模块 1,获得音乐表单getmusic 传参数歌单 ...
关于NodeJS版网易云API，获取歌词对象不完整问题的解决方案
在参考了开源项目NeteaseCloudMusicApi中调用网易云API获取歌词方式后,我发现其提供的API链接存在获取对象不完整的问题,如下图所示: 下图是开源项目中部署的路由代码: 在经过自己查 ...
调用Nodejs版网易云API时，遇到code:-462报错解决方案
在今年(2023)四月份,我在调用基于Nodejs版网易云API时,突然出现了下面这个报错: 很明显,网易云在调用API时需要我们进行账户验证,我很自然想到可能是需要登录.那么查阅API文档,我们可以 ...
Vuejs模拟Ajax请求接口（天气预报API）跨域问题 - 案例篇
vuejs的Ajax跨域请求问题一直都是前端人员开发vue项目进程中经常遇到的不得不解决的热门问题,也是个心病. 首先看一下,页面报错内容提示: Access to XMLHttpRequest a ...
调用网易云二维码登录API，实现微信小程序登录
调用网易云二维码登录API,实现微信小程序登录首先前往网易云音乐API官网 binaryify.github.io/NeteaseClou- 首先根据文档的链接下载好配置文件,再根据官方文档启动好本 ...
谷歌插件开发ajax请求,Chrome扩展开发，跨域请求API
起因这次问题是从Btools更换获取数据方式开始的,因为B站收藏夹在前台页面返回的数据中删除了失效视频的封面和标题,导致原来的程序无法获取视频信息. 于是我就想如果请求收藏夹的API,是否可以获取这 ...
网易云api访问登录后仍返回{msg: ‘需要登录‘, code: 301}
网易云api访问登录后仍返回{msg: '需要登录', code: 301} 在用网易云API做网页时,需要使用某些需要登录的接口,在登录后仍然无法获取相关数据. 原因:在跨域请求时,没有携带用户凭证 ...
网易云API Golang版开发历程
网易云API Golang版开发历程原项目(node.js) 网易云音乐 API 本项目 (golang) 网易云音乐 API api文档请不要用于商业用途想法的开始事情的开始还是一开始在B站 ...
LiveNVR拉流视频流媒体平台如何解决JS|axios调用接口时遇到的跨域问题
LiveNVR拉流视频流媒体平台如何解决JS|axios调用接口时遇到的跨域问题 1.JS调用遇到跨域解决示例 2.axios请求接口遇到跨域问题 2.1.post请求 2.2.get请求 3.RTS ...
ajax提交不能进入后台_Ajax跨域问题
今天写表单提交时候遇到个问题, 每次提交都提示是跨域的问题,捣鼓了半天,发现少了个属性后台的跨域设置: 前台form表单提交: 解决方式: 在表单提交时候加2个属性访问正常解决跨域请求问题,首先 ...

ajax调用网易云APi遇到跨域问题

ajax调用网易云APi遇到跨域问题相关推荐

最新文章

热门文章