关于路由传参与axios请求的坑

74 阅读1分钟

首先先介绍一下我项目传参然后发送axios请求的过程

1点击编辑按钮携带当前行id跳转页面

image.png

这里我是用字符串拼接的方法进行传参

2 跳转到编辑页面接收id

image.png

在mounted的钩子函数中接收id,接收完成之后log一下看看有没有id ,这里是有id的

3 对表单进行校验,校验成功后携带表单跟当前行id向服务器发送请求

image.png

因为接手的二手项目,之前的大哥有写过提交 我这里直接拉过来了

可以看到在校验前跟判断后我都log了一下id 这里是有id的

但发送请求后并没有携带id ,这是怎么回事呢?

看了半天也没看出来是哪里的问题 0.0

于是用最笨的方法,一行一行的输出这个id

我发现在请求前跟请求后都能获取到id 那问题只能出在axios请求的过程了

在度娘里面找了半天发现可能是作用域的问题 ,因为这个id是传递过来的

请求里面的this可能指向不到id

于是我想封装api来写,但这又是老项目害怕出问题,最后用了另一种写法

image.png

还是拼接的方法,这下就可以请求到了

简单总结

对于简单的axios请求场景,还是不能忽略作用域的问题~~~~