laravel react api：请求未到达

Question

我正在使用带有反应前端的 laravel api 后端.. 我正在尝试使用 axios 发布数据，但请求未到达.. 这是我在前端的代码

import React from 'react';
import axios from 'axios';

export default class PersonList extends React.Component {
 state = {
   product_name: '',

 }

 handleChange = event => {
   this.setState({ product_name: event.target.value });

 }

 handleSubmit = event => {
   event.preventDefault();

   const user = {
     product_name: this.state.product_name,



   };

   axios.post(`http://46.185.162.125/api/add_product`, { user })
     .then(res => {
       console.log(res);
       console.log(res.data);
     })
     .catch(error => {
   console.log(error.response)
});
 }

 render() {
   return (
     <div>
       <form onSubmit={this.handleSubmit}>
         <label>
           Name:
           <input type="text" name="product_name" onChange={this.handleChange} />
         </label>

         <button type="submit">Add</button>
       </form>
     </div>
   )
 }
}

这是后端控制器的代码

public function addProduct(Request $request)
{
        $new_product = new Product;
        $new_product->name = $request->product_name;
        $new_product->save();

        return 'success';
 }

但我收到 500 错误（product_name 列不能为空） 发生此错误是因为请求未到达

我在邮递员上尝试了这个 api，它成功了

我该如何解决？

Answer 1

{ user } 是 { user: user } 的简写，因此只需发送 user 作为您的数据即可：

axios.post(`http://46.185.162.125/api/add_product`, user)
  .then(res => {
    console.log(res);
  })