Vue 使用Axios对nodejs的Koa框架后端请求的踩坑

我在使用Vue2的Axios对nodejs后端发起请求时,

在methods内放函数进行Axios请求时,会出现如下的报错:

 原代码如下

前端请求代码:

Vue 使用Axios对nodejs的Koa框架后端请求的踩坑_第1张图片

 nodejs后端Koa的Controller层代码:

Vue 使用Axios对nodejs的Koa框架后端请求的踩坑_第2张图片

在尝试后发现,原来是由于axios请求不规范造成的问题。

首先前端发起请求的函数需要是异步函数,需要在函数前加入async,在请求前加入await,如下:

Vue 使用Axios对nodejs的Koa框架后端请求的踩坑_第3张图片

这样就不会报下图这样的错。

然后nodejs后端需要添加ctx的返回数据,如下:

Vue 使用Axios对nodejs的Koa框架后端请求的踩坑_第4张图片

随便加任何的数据都可以,这样的话就不会报404的错误了。

结束语:

        都是没好好学习JS惹的祸,前端小白还要继续学习。

 

 

 

 

你可能感兴趣的:(vue.js,前端,javascript,node.js)