<div className={styles.Panier}>
<p onClick={()=>Quantity>0?NewItem(data,Quantity):console.log("Quantity must be more
than 0")}>Add To Cart</p>
</div>
單擊該 div 時，NewItem將執行以下函式：
let NewItem = async (data,Qte) => {
const response = await fetch('/api/UpdateCart',{
method: "POST",
body: JSON.stringify(
{
Qte,
data,
cartId: Cookies.get('cart')
}
),
headers:{
'Content-Type': 'application/json; charset=utf8'
},
});
console.log(response);
};
這通常應該轉到 '/api/UpdateCart' 中的 api（我正在使用 prisma btw）：
import { PrismaClient } from "@prisma/client";
export default async function handler(req, res)
{
let prisma = new PrismaClient();
let Id = req.body.Id;
let Qte = req.body.Qte;
let cartId = req.body.cartId;
//Creates the new item and adds it to the cart
let newItem = await prisma.item.create({
data: {
ProductId: Id,
Quantity: Qte,
CartId: cartId
}
});
return res.status(200).json(newItem);
}
現在的問題是，當我在郵遞員中嘗試端點時，它就像一個魅力，但是當我使用NewItem之前提到的函式訪問它時，我通過以下方式收到 500 服務器錯誤：
POST http://localhost:3000/api/UpdateCart 500（內部服務器錯誤）
Response {type: 'basic', url: 'http://localhost:3000/api/UpdateCart', redirected: false, status: 500, ok: false, …}
body
:
(...)
bodyUsed
:
false
headers
:
Headers {}
ok
:
false
redirected
:
false
status
:
500
statusText
:
"Internal Server Error"
type
:
"basic"
url
:
"http://localhost:3000/api/UpdateCart"
[[Prototype]]
:
Response
我希望你能幫助我，謝謝你的時間
uj5u.com熱心網友回復：
經過一天多的搜索，我發現問題實際上出在 API 代碼中，因為我有一對多的關系，我應該將完整的“購物車”和“產品”記錄“連接”到我的專案記錄中。
1.這是解決方案之前的API代碼：
import { PrismaClient } from "@prisma/client";
export default async function handler(req, res)
{
let prisma = new PrismaClient();
let Id = req.body.Id;
let Qte = req.body.Qte;
let cartId = req.body.cartId;
//Creates the new item and adds it to the cart
let newItem = await prisma.item.create({
data: {
ProductId: Id,
Quantity: Qte,
CartId: cartId
}
});
return res.status(200).json(newItem);
}
2. 這是正確的 API 代碼：
import { PrismaClient } from "@prisma/client";
const prisma = new PrismaClient();
export default async (req, res) => {
let PrId = req.body.prodId;
let Qte = req.body.Qte;
let newItem = await prisma.item.create({
data:{
Quantity: Qte,
Product:{
connect:{
Id: PrId,
},
},
Cart:{
connect:{
Id: req.body.cartId
}
}
},
});
return res.status(200).json(newItem);
};
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/528839.html