小编Abd*_*bid的帖子

使用 NextJS API 的 FormData

我正在尝试使用 NextJS 和 来创建一个简单的 CRUD 应用程序react-redux,所以它的作用是保存人们的联系人。因此,在添加联系人时,我尝试将一些数据和文件一起发送到 NextJS API。

问题

ContactAction.js

从 redux 操作发出POST添加联系人的请求

export const addContact = (data) => async (dispatch) => {
 try {
      var formData=new FormData();
      formData.append('name',data.Name);
      formData.append('email',data.Email);
      formData.append('phone',data.Phone);
      formData.append('image',data.Image);
      let response= await Axios.post(`http://localhost:3000/api/contact/addContact`,formData,{
         headers:{
             'x-auth-token':localStorage.getItem('token')
         }
      });
   } catch (error) {
       console.log(error);
   }
}
Run Code Online (Sandbox Code Playgroud)

添加联系人.js

这是 API 路径/api/contact/

  const handler = async (req, res) => {
   switch(req.method){
    case "POST":{
       await addContact(req,res)
       }
     }
   }
   const addContact = async  (req, res) => { …
Run Code Online (Sandbox Code Playgroud)

reactjs next.js

15
推荐指数
2
解决办法
5万
查看次数

标签 统计

next.js ×1

reactjs ×1