laravel - 在javascript代码中重定向惯性js和jetstream

Question

我想在创建问题后被重定向到单个问题页面

summitQuestion(){
    this.question_button = true
    axios.post('/api/question/ask', {
        'title' : this.question.title,
        'body' : this.question.body,
        'tags' : this.tags,
        'user_id' : this.$page.props.user.id
    }).then(response=>{
        this.question_button = false
        console.log(response.data)


    }).catch(error=>{
        this.question_button = false
        console.log(error.response.data.errors)

        if(error.response.data.errors){
            this.title_errors = error.response.data.errors.title
            this.body_errors = error.response.data.errors.body
        }


    })
},

我有这个功能，我想要在请求成功后以 spa 方式重定向我，而无需重新加载页面以查询单个页面我正在使用惯性 js 和 jetstream 我的 laravel 路由器在下面

Route::middleware(['auth:sanctum', 'verified'])->get('/question/{question}', 'App\Http\Controllers\QuestionController@show')->name('question-single');

Answer 1

如下图所示，只需使用惯性上的访问方法即可。

this.$inertia.visit(route('question-single'), { method: 'get' });

如果您从上面的代码中得到的一切都是正确的，并且在没有重新加载页面的情况下保留了重定向，那么我想您的代码的修改将是以下示例；

summitQuestion(){
this.question_button = true
axios.post('/api/question/ask', {
    'title' : this.question.title,
    'body' : this.question.body,
    'tags' : this.tags,
    'user_id' : this.$page.props.user.id
}).then(response=>{
    this.question_button = false
    // console.log(response.data)
    this.$inertia.visit(route('question-single'), { method: 'get', data: response.data });


}).catch(error=>{
    this.question_button = false
    console.log(error.response.data.errors)

    if(error.response.data.errors){
        this.title_errors = error.response.data.errors.title
        this.body_errors = error.response.data.errors.body
    }


})

},

您可以通过访问The Official Inertiajs Website 来引用它。