Vue-resource发送带参数的请求,路由要怎么配置
时间: 2023-06-17 21:08:04 浏览: 92
vue路由配置
在Vue-router中配置带参数的路由可以使用冒号(:)来标识参数,例如:
```
// 路由配置
{
path: '/user/:id',
component: User
}
// 在组件中获取参数
this.$route.params.id
```
在Vue-resource中发送带参数的请求,可以通过在url中添加参数或使用params属性来传递参数,例如:
```
// GET请求,url中添加参数
this.$http.get('/user/' + userId).then(response => {
// 处理响应
})
// GET请求,使用params属性传递参数
this.$http.get('/user', {params: {id: userId}}).then(response => {
// 处理响应
})
// POST请求,使用data属性传递参数
this.$http.post('/user', {id: userId}).then(response => {
// 处理响应
})
```
注意,在使用params属性传递参数时,参数会被添加到请求的URL的查询参数中。在使用data属性传递参数时,参数会被添加到请求的请求体中。因此,在服务器端需要根据请求方式的不同来获取参数。
阅读全文