发布项目时，Laravel vuejs未捕获（承诺中）响应

我使用vue.js和Laravel 5.4

我试图在数据库中保存一个项目。为此，我有：

vue.js文件：

<label>Name:</label>
<input type="text" class="form-control" v-model="product.name">
<button @click="create">Create</button>

在我定义的main.js文件中：

Vue.http.options.root = 'http://localhost/';

在laravel项目的api.php中，我有：

 Route::group(['middleware' => 'auth:api'], function (){
    Route::resource('products', 'ProductsController');
 });

产品控制器：

public function index()
{
    return Product::orderBy('created_at', 'desc')->get();
}

public function store(Request $request)
{
    $product = Product::create($request->all());
    return $product;
}

我的路线表：

 | GET|HEAD  | api/products | products.index 
 | App\Http\Controllers\ProductsController@index                              
 | api,auth:api |


 | POST | api/products| products.store
 | App\Http\Controllers\ProductsController@store
 | api,auth:api |

单击“创建”按钮时，出现以下错误：

POST 500（内部服务器错误）

未捕获（承诺中）响应{url:，确定：false，状态：500，状态文本：“内部服务器错误”，标题：标题…}

而在create方法中，我写：this.$http.get（'api/products'） 然后一切似乎都在运转。

---

有什么想法吗

我认为这可能是CSRF保护，尝试禁用它或用api发送CSRF代码calls@YohananBaruchelCSRF保护将抛出令牌失配异常（与500错误IIRC无关）。无论如何，这也是OP应该考虑的一点。我进一步使用了laravel cors软件包。你检查了日志了吗？所以试着看看你的错误日志文件

 | GET|HEAD  | api/products | products.index 
 | App\Http\Controllers\ProductsController@index                              
 | api,auth:api |


 | POST | api/products| products.store
 | App\Http\Controllers\ProductsController@store
 | api,auth:api |