我正在尝试使用 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)