首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >从单独的vue项目到laravel控制器的CSRF令牌失配

从单独的vue项目到laravel控制器的CSRF令牌失配
EN

Stack Overflow用户
提问于 2021-09-15 05:05:25
回答 1查看 598关注 0票数 1

我有两个项目在运行

One是前端

其他是后端

前端工程用vue js制作,后端用laravel制作。

我试图通过axios完成一个post请求,但是我得到了csrf令牌不匹配,我不能使用元标记解决方案,因为它们都是不同的项目。

代码语言:javascript
复制
                             **Route i want to hit**

Route::group(['middleware' => 'auth'], function () {
  
    Route::post('tasks', 'TaskController@store')->name('tasks.store');
  
});


                      **my axios call in my vue js project**



  addTask:function()
  {
    this.displayError = false;
    if($('.inputs').length > 0)
    {
      const config ={
        onUploadProgress:function(progressEvent)
        {
          var percentCompleted  = Math.round((progressEvent.loaded * 100)/progressEvent.total);
          console.log(percentCompleted)
        }
      }
      var form = new FormData();
      form.append("title",this.title);
      form.append("description",this.txtdesc);
      form.append("status_id",this.status_id);
      form.append("user_id",this.user_id);
      
        axios.post("http://127.0.0.1:8020/tasks",form,config).then((res)=>{
          console.log(res)
        })
    }else
    {
      this.displayError = true;
    }
  }

当我启动这个函数将数据发送给控制器时,如果它是一个laravel项目的话,它就会产生csrf令牌错配错误,我可以尝试一下。

加入{{csrf_field()}}的

  1. 添加@csrf

  1. 在元

中添加csrf

但是如何在vue js中这样做

我尝试过删除auth中间件,但是它返回了相同的错误

如果我将路由放置在后端项目中的cerifycsrftoken文件中,它将工作,但我想使用csrf令牌来完成它。

EN

回答 1

Stack Overflow用户

发布于 2021-09-15 06:26:28

我放置了从web.php到api.php的路由,并添加了前缀api,解决了csrf令牌不匹配的问题。

此外,如果我将路由url放在verifyCsrfToken.php文件中,它解决了这个问题,而不将路由移动到api.php

我走了路线

代码语言:javascript
复制
Route::post('tasks', 'TaskController@store')->name('tasks.store');

从web .php文件,然后我把它放在api.php文件中。

代码语言:javascript
复制
Route::post('tasks', 'TaskController@store')->name('tasks.store');

而且,我也没有在它们上使用中间件

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69187348

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档