用vue-cli里的devServer配置接口,post请求拿不到数据的问题

故事是这样的,
在这里插入图片描述
点击歌手以后是要跳转到歌曲详情页面的,跳到歌手详情页面是可以根据歌手id获取他的歌曲,但是这个获取歌曲的接口是没有url的,所以需要再调用一个接口来获取url

这样的话点击歌手以后跳转到歌曲详情页面还有根据歌手id获取他的歌曲,这个是可以直接用get请求的。
但是获取歌曲以后,歌曲的数据是有50条的,当然了,这个可以用get请求,用for循环一条一条发请求获取url,但是第三方接口提供了一个批量获取url的接口,所以我想一次性传进去,但是用get请求的话是携带不了那么大的数据的,所以只好用post请求
问题就来了
f12看控制台 post请求已经携带了参数了
在这里插入图片描述
但是就是获取不到这个数据
在这里插入图片描述
这是为什么呢。。
因为vue的devserver配置是利用express来起一个node server
app是express的一个实例
而express拿到req.body是要写上这两句的

首先下载body-parser依赖

app.use(bodyParser.urlencoded({
    
    extended:true}));
app.use(bodyParser.json());

因此
在这里插入图片描述
拿到数据了
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/xiaozhazhazhazha/article/details/120381712