
สิ่งที่คุณต้องจัดการกับคำขอ POST และการอัปโหลดไฟล์ใน getServerSideProps
เอกสารและคำแนะนำทั้งหมดสามารถพบได้ที่ Runtime.meijer.ws
Next-Runtime มีจุดมุ่งหมายที่จะย้ายตรรกะมากขึ้นไปยัง "ส่วนรันไทม์" ของเซิร์ฟเวอร์ next.js ของคุณและการสร้างไซต์คงที่น้อยลง ด้วยส่วนหัวแคชที่เหมาะสมเซิร์ฟเวอร์ทุกตัวเป็นเครื่องกำเนิดไซต์แบบคงที่ (เพิ่มขึ้น)
เพื่อให้บรรลุเป้าหมายนั้นเราให้ API ที่สะดวกแก่คุณ:
getServerSidePropsgetServerSidePropsgetServerSideProps กลับมาใช้ใหม่เป็นศูนย์ JSON API ในกรณีที่คุณไม่ใช่ประเภทเอกสารของบุคคลนี่เป็นตัวอย่างที่รวดเร็วในการทำให้คุณทำงาน โปรดปรึกษาเอกสารหากทำให้คุณมีคำถาม
import fs from 'fs' ;
import { handle , json } from 'next-runtime' ;
export const getServerSideProps = handle ( {
async upload ( { file , stream } ) {
stream . pipe ( fs . createWriteStream ( `/uploads/ ${ file . name } ` ) ) ;
} ,
async get ( { params , query } ) {
return json ( { name : 'Stephan Meijer' } ) ;
} ,
async post ( { req : { body } } ) {
return json ( { message : 'Thanks for your submission!' } ) ;
} ,
} ) ;
export default function Home ( { name , message } ) {
if ( message ) {
return < p > { message } </ p > ;
}
return (
< form method = "post" encType = "multipart/form-data" >
< input name = "name" defaultValue = { name } />
< input type = "file" name = "file" />
< button type = "submit" > submit </ button >
</ form >
) ;
} คุณหรือนายจ้างของคุณผู้ใช้ที่พึงพอใจในเรื่องนี้หรือโครงการอื่น ๆ ของฉัน จากนั้นโปรดพิจารณาสนับสนุนงานของฉันเพื่อที่ฉันจะได้อุทิศเวลามากขึ้นในการบำรุงรักษาโครงการประเภทนี้
โปรดตรวจสอบการบริจาค มันมีข้อมูลเกี่ยวกับโครงสร้างของ repo นี้เพื่อช่วยให้คุณตื่นขึ้นมา
ขอบคุณไปที่คนที่ยอดเยี่ยมเหล่านี้ (คีย์อีโมจิ):
Stephan Meijer - - - | Gal Schlezinger | ดาไรอัส | อูมาอาเหม็ด | Hikaru Kobori | Koichi Kiyokawa | Gorka Cesium |
Pandiyan Murugan |
โครงการนี้เป็นไปตามข้อกำหนดทั้งหมดของผู้เข้าร่วม การมีส่วนร่วมทุกชนิดยินดีต้อนรับ!