Vue |
您所在的位置：网站首页 › vue连接后端接口传参 › Vue |
Vue
|
1 前言
最近在前后端联调的时候发现了一个问题，可能自己平时不注意发送的内容格式，导致解决问题的路上，走了很多弯路，尤其是在刚刚懂了一点Vue知识之后，发送请求的各种花式写法也是让人头大，我在这把我踩到的坑给大家介绍一下吧。 2 问题这个问题是我前端登录的时候向后端发生post请求。在使用这个接口前，我使用 postman 确认过了几次，接口传参是没有问题的，而且使用params或者body传参都是能接收到的。然而还是报错了……我们先来看看一个截图吧。 我向后端发参数的时候无论如何我都接不到数据，然后我就开始各种怀疑和猜测 ( a )后端接口问题 如果是后端接口问题，那么我用postman接到了呀，所以这一条虽然我不信，但是我还是去各种尝试修改，我修改的接口传递方式，我怀疑是不是跨域失败，然而都没能解决我的问题。 ( b )怀疑跨域未成功 我仔细检查了是否存在全局代理(各种代理工具) 是否存在nodejs本身问题 ( c )发送参数问题 我的请求代码如下： axios.post('/api/home/login',{ params: { username: this.username, password: this.password } }).then(this.handleLoginSucc)我自认为没有问题，但是又不敢确定，于是我又换了一种写法 // main.js配置 import axios from 'axios' // 配置请求的根路径 axios.defaults.baseURL = 'http://localhost:8088/caeser/' Vue.prototype.$http = axios // 代码调用 // 设置同步方法 async const{ data: res } await this.$http.post('users', { params: this.queryInfo })然而并不能解决我的问题，因为发送的内格式依然没有变化。 最后我找了解决办法，而且确定了内容格式是formdata 3 解决办法 3.1 办法1 var params = new URLSearchPara |
【本文地址】
今日新闻 |
推荐新闻 |