Question

我想测试一个需要环境变数的终点。

rror: ❌试图进入客户的服务器边环境变量。

getHash src/services/api.ts:7:23
  5| const getTimestamp = () => Date.now().toString();
  6| const getHash = (timeStamp: string) =>
  7|   md5(timeStamp + env.MARVEL_API_PRIVATE_KEY + env.MARVEL_API_PUBLIC_KEY);

这是我迄今所做的:

import md5 from  md5 ;

import { env } from  @/env ;

const getTimestamp = () => Date.now().toString();
const getHash = (timeStamp: string) =>
  md5(timeStamp + env.MARVEL_API_PRIVATE_KEY + env.MARVEL_API_PUBLIC_KEY);

const timeStamp = getTimestamp();
const hash = getHash(timeStamp);
const query = `ts=${timeStamp}&apikey=${env.MARVEL_API_PUBLIC_KEY}&hash=${hash}`;

export const getCharacters = async () => {
  const url = `${env.MARVEL_API_URL}/characters?limit=50&${query}`;
  const response = await fetch(url);
  const data = response.json();

  return data;
};

ms手:

import { HttpResponse, http } from  msw ;

export const handlers = [
  http.get( /characters , () => {
    return HttpResponse.json(
      {
        id: 1011334,
        name:  3-D Man ,
      },
      { status: 200 },
    );
  }),
];

Answer 1

你没有在你@env dir中张贴内容,而是在我的gues上说,你没有适当装载这些物品。

您通常会拥有一个<代码>.env文档或.env. local,作为您项目根基(而不是在任何特别继承中)。然后自动装入<代码>。

因此,你很可能需要删除你在你的@env dir(或只是把它作为项目根基的.env档案)。

之后又设立了:

KEY=VALUE
KEY2=VALUE2

那么,你会提到他们:

console.log(process.env.KEY)

Additionally, and it may not be relevant here. But in NextJS to expose an env var publically, you need to prepend NEXT_PUBLIC so if you did want to use MARVEL_API_PUBLIC_KEY client side you would need to make it NEXT_PUBLIC_MARVEL_API_PUBLIC_KEY

NextJS has docs here, 包括贵指南内其他瓦尔参考资料的一些有用的内容。

友情链接