vue3中request请求怎么写,怎么传参和接参
时间: 2024-02-13 22:04:32 浏览: 250
在Vue 3中,你可以使用Vue自带的axios插件来发起请求,并且可以很方便地传递参数和接收响应。
首先,要先安装axios:
```
npm install axios
```
然后你可以在Vue组件中使用axios:
```
import axios from 'axios';
export default {
data() {
return {
responseData: null,
requestData: {
// 这里是请求参数
param1: 'value1',
param2: 'value2'
}
}
},
methods: {
async request() {
const response = await axios.post('/his/findIntradayRegistration', this.requestData);
this.responseData = response.data;
}
}
}
```
在上面的代码中,我们首先导入了axios模块,然后在组件的data中定义了一个requestData对象,该对象包含了我们要传递的参数。在组件的methods中定义了一个request方法,该方法使用axios.post()方法来发起POST请求,并将我们定义的requestData对象作为第二个参数传递进去。在响应中,我们可以通过response.data来获取后端返回的数据。
当然,你也可以使用axios.get()方法来发起GET请求,并在URL中传递参数:
```
async request() {
const response = await axios.get('/his/findIntradayRegistration', {
params: {
param1: 'value1',
param2: 'value2'
}
});
this.responseData = response.data;
}
```
在上面的代码中,我们通过params属性在URL中传递了参数,axios会自动将参数拼接到URL后面。在响应中,我们同样可以通过response.data来获取后端返回的数据。
阅读全文