怎么基于axios发送post请求(url:url)?传参:page=1 pagesize=100,请求成功后打印‘post请求成功’
时间: 2024-03-22 10:36:54 浏览: 54
可以使用以下代码基于axios发送POST请求,并在请求成功后打印"post请求成功":
```javascript
axios.post(url, {
page: 1,
pagesize: 100
})
.then(function (response) {
console.log('post请求成功');
})
.catch(function (error) {
console.log(error);
});
```
其中,`axios.post(url, data)` 表示发送一个POST请求到指定的URL,并在请求主体中发送一个包含`page`和`pagesize`的JSON对象。`.then()`表示在请求成功后执行的操作,`.catch()`表示在请求失败后执行的操作。在这个例子中,我们只是简单地打印了一条消息。如果请求失败,我们将打印错误信息,可以根据实际情况进行相应的处理。
相关问题
根据这段代码写一个删除用户的方法updateContent(){ axios.post('http://localhost:8082/users/update',{ userId:this.changeTable.userId, userName:this.changeTable.userName, userSex:this.changeTable.userSex, userAccount:this.changeTable.userAccount, userPassword:this.changeTable.userPassword, userIdentity:this.changeTable.userIdentity, userIntroduction:this.changeTable.userIntroduction, userEmail:this.changeTable.userEmail, userPortrait:this.changeTable.userPortrait, }) .then(response=>{ this.$message.success("修改成功!") this.dialogFormVisible=false axios.get(`http://localhost:8082/users/${this.currentPage}/${this.pageSize}`) .then(response=>{ this.tableData=response.data.data.records this.total=response.data.data.total this.currentPage=response.data.data.current }).catch((error)=> { console.log(error); }) }).catch((error)=> { console.log(error) }) },
根据你提供的代码,我们需要编写一个删除用户的方法,可以参考以下代码:
```javascript
deleteUser() {
axios.delete(`http://localhost:8082/users/${this.changeTable.userId}`)
.then(response => {
this.$message.success("删除成功!")
this.dialogFormVisible = false
axios.get(`http://localhost:8082/users/${this.currentPage}/${this.pageSize}`)
.then(response => {
this.tableData = response.data.data.records
this.total = response.data.data.total
this.currentPage = response.data.data.current
}).catch((error) => {
console.log(error);
})
}).catch((error) => {
console.log(error)
})
},
```
这里我们使用了axios的delete方法,将要删除的用户的id作为参数传递给后端,删除成功后再重新获取用户列表进行渲染。在调用该方法时,需要保证this.changeTable.userId有值。
vue axios 解决cors跨越
解决Vue中Axios的CORS跨域问题,可以通过在Vue项目的配置文件`/config/index.js`中设置代理来实现。具体步骤如下:
1. 打开`/config/index.js`文件,找到`proxyTable`属性。
2. 在`proxyTable`中添加一个代理规则,例如`'/api'`,设置`target`为需要跨域访问的网址,例如`'https://www.creditjx.gov.cn'`。
3. 添加`changeOrigin: true`,用于实现跨域访问。
4. 添加`pathRewrite`属性,将访问时的`'/api'`替换为空字符串,即`'^/api': ''`。
在`.vue`文件的`script`中访问接口时,可以按照以下步骤进行:
1. 创建一个`options`对象,设置`url`为`'/api/Website/creditQuery/getLegalPersonPage'`,注意`url`中一定要加上`'/api'`来与`index.js`文件中的`proxyTable`中的`'/api'`保持一致,以实现跨域替换。
2. 设置请求的方法为`'POST'`,并提供相应的请求参数,例如`data: { qymc: this.form.name, page: 1, pageSize: 10 }`。
3. 使用`this.$axios(options)`发送请求,并使用`.then`处理返回的数据,例如将返回的数据赋值给`tableData`,并在控制台打印返回结果。
4. 如果请求发生错误,可以使用`.catch`进行错误处理。
阅读全文