小编Jov*_*nka的帖子

我在下一个 JS（在文件夹中）中创建了一个 API pages/api，并在文件夹中的页面上使用了它pages。

当我在localhost上运行时（开发阶段），可以正确调用API。但是当我部署到 Vercel 时，构建过程中出现错误。

pages/api这是我调用文件夹中的 API 时的代码

export const getStaticProps = async () => {
  const baseUrlDribble = 'https://api.dribbble.com/v2';
  const baseUrl = process.env.NODE_ENV === 'production' ?
    'https://jovanka-samudra.vercel.app/api' : 'http://localhost:3000/api';

  const resShots = await fetch(`${baseUrlDribble}/user/shots?access_token=${process.env.TOKEN_DRIBBLE}&page=1&per_page=9`);
  const shots = await resShots.json();

  const resResult = await fetch(`${baseUrl}/projects`);
  const result = await resResult.json();
  const projects = result.data.projects;

  return {
    props: {
      shots,
      projects,
    },
    revalidate: 1,
  }
}

pages/api/projects这是从数据库（文件夹）检索数据的API代码

import ProjectService from "@services/ProjectService";
import connectDB from …

我有一个页面来更新用户数据，一切都运行正常，并且数据已随数据库中的最新数据更改。但是下一个auth会话中的值没有改变，如何将新更新的用户数据与下一个auth会话中的用户数据同步

我在下一个 js 中在顺风上创建了一个自定义颜色。在 localhost 上，定义的颜色看起来不错，但是当我部署到 vercel 时，颜色没有出现。

这是本地主机的图片

vercel生产

tailwind.config.js

const colors = require('tailwindcss/colors');

module.exports = {
  purge: [
    './pages/**/*.{js,ts,jsx,tsx}',
    './components/**/*.{js,ts,jsx,tsx}'
  ],
  darkMode: false, // or 'media' or 'class'
  theme: {
    colors: {
      transparent: 'transparent',
      current: 'currentColor',
      black: {
        DEFAULT: '#23232D'
      },
      white: colors.white,
      gray: {
        DEFAULT: '#A1A1A1',
      },
      ...
    }
  },
  variants: {
    extend: {},
  },
  plugins: [],
}

按钮颜色/index.js

import PropTypes from 'prop-types';
import { motion } from 'framer-motion';

function ButtonColor({ color, isOpen, onClick }) {

  const variants …