NextJS api 允许被跨域调用的方式

参考官方文档：https://github.com/vercel/next.j ... s/pages/api/cors.ts

1. import type { NextApiRequest, NextApiResponse } from 'next'
   
2. import Cors from 'cors'
   
3. 
   
4. // Initializing the cors middleware
   
5. // You can read more about the available options here: https://github.com/expressjs/cors#configuration-options
   
6. const cors = Cors({
   
7.   methods: ['POST', 'GET', 'HEAD'],
   
8. })
   
9. 
   
10. // Helper method to wait for a middleware to execute before continuing
    
11. // And to throw an error when an error happens in a middleware
    
12. function runMiddleware(
    
13.   req: NextApiRequest,
    
14.   res: NextApiResponse,
    
15.   fn: Function
    
16. ) {
    
17.   return new Promise((resolve, reject) => {
    
18.     fn(req, res, (result: any) => {
    
19.       if (result instanceof Error) {
    
20.         return reject(result)
    
21.       }
    
22. 
    
23.       return resolve(result)
    
24.     })
    
25.   })
    
26. }
    
27. 
    
28. export default async function handler(
    
29.   req: NextApiRequest,
    
30.   res: NextApiResponse
    
31. ) {
    
32.   // Run the middleware
    
33.   await runMiddleware(req, res, cors)
    
34. 
    
35.   // Rest of the API logic
    
36.   res.json({ message: 'Hello Everyone!' })
    
37. }

复制代码