小编Jua*_*rco的帖子

我正在尝试在具有许多小元素的网格上创建效果，我希望光标在鼠标移过网格时在网格上留下痕迹。

codepen 中的工作示例：https ://codepen.io/SrPunta/pen/bGNORmW

loadGrid([]);

function loadGrid(imageElements) {
  let emptySquare = {
    width: 8,
    height: 8,
    imageUrl: '',
    isEmpty: true
  };
  const gridElements = [];

  // this for only to fill 10000 empty squares
  for (let row = 0; row < 100; row++) {
    for (let column = 0; column < 100; column++) {
      emptySquare.offsetLeft = column * 10;
      emptySquare.offsetTop = row * 10;

      gridElements.push(_.clone(emptySquare));

    }
  }
  const gridContainer = $('.grid-container');
  console.log('container2', gridContainer);
  const resultGrid = gridElements.concat(imageElements);
  resultGrid.forEach(element => …

我发现我可以使用 Python 在Next.js项目中创建无服务器函数。一旦部署到Vercel，它将被转换为无服务器功能。

我浏览了文档并找到了一个输出日期的简单示例：

from http.server import BaseHTTPRequestHandler
from datetime import datetime

class handler(BaseHTTPRequestHandler):

  def do_GET(self):
    self.send_response(200)
    self.send_header('Content-type', 'text/plain')
    self.end_headers()
    self.wfile.write(str(datetime.now().strftime('%Y-%m-%d %H:%M:%S')).encode())
    return

他们在这里提供了一个现场工作示例。

显然，所需要做的就是将文件date.py放在api引导的 Next.js 项目的文件夹中，然后您就可以开始比赛了。部署后，Vercel 将检测 Python 文件并将其用作无服务器功能。

部署成功，我pages/api根据需要将文件放在文件夹中。但是，该函数永远不会被拾取（下图）：

旧版本显然需要通过添加vercel.json文件来配置无服务器功能。但这现在似乎没有必要。

我错过了什么？