Vue.js 使用Nuxtjs提交表单成功后如何重定向页面

Vue.js 使用Nuxtjs提交表单成功后如何重定向页面,vue.js,axios,nuxtjs,Vue.js,Axios,Nuxtjs,在下面的代码中,我想在提交成功时将页面重定向到“/contact/success”。如何使用axios和nuxt 方法:{ 异步发送消息(){ 试一试{ //将状态设置为“挂起” this.status='pending' 常量配置={ 方法:“POST”, url:`${this.$config.strapiURL}/contacts`, 标题:{ 授权:`Bearer${this.$config.strapiToken}`, }, 数据:{ 名称:this.formValues.name,

在下面的代码中,我想在提交成功时将页面重定向到“/contact/success”。如何使用axios和nuxt

方法:{
异步发送消息(){
试一试{
//将状态设置为“挂起”
this.status='pending'
常量配置={
方法:“POST”,
url:`${this.$config.strapiURL}/contacts`,
标题:{
授权:`Bearer${this.$config.strapiToken}`,
},
数据:{
名称:this.formValues.name,
主题:this.formValues.subject,
电子邮件:this.formValues.email,
消息:this.formValues.message,
},
}
const data=wait this.$axios(配置)
}捕获(错误){
console.log('error',error)
//将状态设置为“错误”
this.status='error'
}最后{
//将状态设置为“成功”
this.status='success'
//清晰的形式
此.$formulate.reset('contact'))
}
},
},

谢谢

在您的组件中,您可以访问此。$router

因此,您可以轻松做到:

this.$router.push('/')

我想你在找我

在您的axios请求的成功回调中

this.$router.push('/contact/success')