标签: vercel

如何实现 Next js 功能捕获所有路由 [[...slug.tsx]] ( https://nextjs.org/docs/routing/dynamic-routes#optical-catch-all-routes ) 而不删除索引。 js页面？如果我不删除它，我会收到此错误：

Error: You cannot define a route with the same specificity as a optional catch-all route ("/" and "/[[...slug]]").

我读到一条建议，将其更改为非可选捕获所有路线（[...slug.tsx]）..但这不允许我捕获没有 slug 的路线（即/post）

我正在使用 vite 制作一个项目，该项目使用 vue-router@4。它工作得很好，但是当查看 vercel 或 netlify 上的链接时，我收到 404 错误。这是我的 index.js 文件（路由器设置）

import { createRouter, createWebHistory } from "vue-router";
import Home from "../views/Home.vue";
import Admin from "../views/Admin.vue";
import List from "../views/List.vue";

const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: "/",
      component: Home,
    },
    {
      path: "/adminpanel",
      component: Admin,
    },
    {
      path: "/list",
      component: List
    }
  ],
});

export default router;

我做错了什么吗？感谢您的帮助。

我尝试在 vercel 上部署我的 Express 服务器来解决我的前端代码上的 cors 问题

问题是进入部署页面时弹出404错误

但当我在本地主机上尝试时一切顺利

// vercel.json       
{
      "version": 2,
      "builds": [
        {
          "src": "./index.js",
          "use": "@vercel/node"
        }
      ],
      "routes": [
        {
          "src": "/(.*)",
          "dest": "/"
        }
      ],
      "rewrites": [{ "source": "/api/(.*)", "destination": "/api" }]
    }

//index.js
const express = require("express");
const cors = require("cors");
const axios = require("axios");

const app = express();

const PORT = process.env.PORT || 3000;
require("dotenv").config();

let corsOptions = {
  origin: ["http://localhost:3000", "https://humanscape-team5a.netlify.app"],
};

app.use(cors(corsOptions));

app.get("/", (req, res) => {
  const textQuery …

我正在尝试将在 Vercel 上运行的 Next.js 项目从

    "pino-datadog": "2.0.2",
    "pino-multi-stream": "6.0.0",

到

    "pino": "8.4.2",
    "pino-datadog-transport": "1.2.2",

我从 pino-datadog-transport 的README.md复制设置：

import { LoggerOptions, pino } from 'pino'

const pinoConf: LoggerOptions = {
  level: 'trace',
}

const logger = pino(
  pinoConf,
  pino.transport({
    target: 'pino-datadog-transport',
    options: {
      ddClientConf: {
        authMethods: {
          apiKeyAuth: process.env.DATADOG_API_KEY,
        },
      },
      ddServerConf: {
        site: 'datadoghq.eu',
      },
      service: process.env.VERCEL_URL
      ddsource: 'nodejs',
    },
  }),
)

这似乎在本地工作正常，但是当我在 Vercel 上发布它并在那里运行时，出现以下错误：

ERROR   Error: unable to determine transport target for "pino-datadog-transport"
    at fixTarget (/var/task/node_modules/pino/lib/transport.js:136:13)
    at Function.transport …

我正在尝试使用 Vercel CLI 构建和部署 NextJS 应用程序。

该策略是预构建然后部署预构建的工件。

vercel build
vercel deploy --prebuilt 

我收到以下错误：

任何帮助将非常感激。

我正在尝试在 Vercel 中部署 Laravel 8 项目，但是，我经常遇到此错误：

错误：构建完成后找不到名为“dist”的输出目录。您可以在项目设置中配置输出目录。

我已按照此处提到的步骤进行操作，但不幸的是它显示了相同的错误。以前有人遇到过这样的问题吗？

由于它显然非常快，如果它可以在外部用于像 Vite 这样的多个项目，那就太好了。在他们的网站https://turbo.build/pack上找不到太多有关它的信息

去了https://github.com/vercel/turbo但也找不到太多信息。

我的用例是，我有两个工作区，例如foo和bar，并且我想传递不同的命令行参数，是否可以使用 Turborepo 实现此类功能。

我想做这样的事情：

turbo run dev --filter="foo" -- --env=dev --filter="bar" -- --env=local

我使用 Astro 和 Tailwind CSS 创建了一个登陆页面。目前它托管在 Vercel 上。我想尝试 Vercel 提供的分析服务。我已经能够利用 Vercel 提供的受众分析服务。但是，我无法使用 Web Vitals 服务。启用服务并重新部署我的项目后，我陷入了这个屏幕（提供了屏幕截图）。

请注意，我确实关闭了广告拦截器，但这并没有解决问题。我还添加了以下元标记来解决任何 CSP 问题

<meta http-equiv="Content-Security-Policy"
      content="default-src 'self' vitals.vercel-insights.com"/>

但这并没有解决问题。这就是为什么我想知道 Vercel 是否支持 Astro 项目的分析，如果支持，那么我做错了什么？谢谢。

我想尝试一下 Vercel 最近添加的这些新存储功能，但无法让 Postgress 工作。我用的是这个模板。它部署得非常好，但是当我尝试在本地运行它时，我不知道该怎么做。这就是我到目前为止所做的：

• 将存储库克隆到我的电脑
• 跑步npm i
• 添加了 .env.local 并用 Vercel 提供的变量填充它：
  POSTGRES_URL="..."
  POSTGRES_PRISMA_URL="..."
  POSTGRES_URL_NON_POOLING="..."
  POSTGRES_USER="..."
  POSTGRES_HOST="... "
  POSTGRES_PASSWORD="..."
  POSTGRES_DATABASE="..."
• 运行“npm 运行服务”

现在我得到了包含所有静态内容的页面，但没有来自数据库的数据。当我访问localhost:3000/api/get-users时，我收到以下消息：

"VercelPostgresError - 'missing_connection_string': You did not supply a 'connectionString' and no 'POSTGRES_URL' env var was found."

看起来是这样get-users.ts的：

import { createPool, sql } from '@vercel/postgres';

async function seed() {
  const createTable = await sql`
    CREATE TABLE IF NOT EXISTS users (
      id SERIAL PRIMARY KEY,
      name VARCHAR(255) NOT NULL,
      email …