所以我試圖制作 2 個不同的專案，第一個是我的電子商務前端，用 next js 制作，第二個是電子商務儀表板，它也是用 next js 制作的。但是，當我嘗試將產品從我的儀表板發布到我的電子商務前端時，什么也沒有發生，即使我在控制臺中也沒有收到任何錯誤，這就是我無法理解問題所在的原因。任何人都可以幫助我嗎？獲取代碼如下。
const handelSubmit = async (e) => {
e.preventDefault();
console.log("clicked");
fetch(`http://192.168.43.53:3000/api/products`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(
name,
price,
// mediaUrl,
description,
collect,
),
})
};<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.1/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.1/umd/react-dom.production.min.js"></script>uj5u.com熱心網友回復：
默認情況下，Nextjs apis 僅適用于相同的來源，有關更多資訊，請參閱Nextjs api 警告。
如果你想用 Nextjs 制作一個完全公開的 api，你必須添加 cors，請參閱Api Middlewares。您的代碼將類似于：
import Cors from 'cors'
// Initializing the cors middleware
const cors = Cors({
methods: ['GET', 'HEAD'],
})
// Helper method to wait for a middleware to execute before continuing
// And to throw an error when an error happens in a middleware
function runMiddleware(req, res, fn) {
return new Promise((resolve, reject) => {
fn(req, res, (result) => {
if (result instanceof Error) {
return reject(result)
}
return resolve(result)
})
})
}
如果您的后端 api 未使用 Nextjs 定義，請分享您請求的 api 端點的代碼以及它使用的技術。
uj5u.com熱心網友回復：
我認為您發布的資料首先需要采用 JSON 格式。
body: JSON.stringify(
key:value,
key1:value1
)
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/388131.html
標籤：javascript 反应 下一个.js