Jak Skrýt API klíč v Preact?

Question 1

Jak mohu skrýt api klíč v preact , reagovat jsem použil .env soubor , ale nevím jak na to v preact ?

index.js?2e9b:8 Uncaught (in promise) ReferenceError: process is not defined
    at eval (index.js?2e9b:8)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (index.js:5)
    at _next (index.js:7)
    at eval (index.js:7)
    at new Promise (<anonymous>)
    at eval (index.js:7)
    at getSeriesInfo (index.js?2e9b:7)
    at Object.eval [as __] (index.js?2e9b:14)
    at j (index.js?a178:361)

Question 2

Preact je jen UI library, ale budu předpokládat, že jste s odkazem na Preact-CLI, což je aktuální build nástroj. Dejte mi vědět, jestli je nesprávné.

Naše wiki kryty pod "Použít Proměnné Prostředí v Aplikaci". process nebude existovat mimo Uzel, takže budete muset zadat proměnné, kterou chcete použít pomocí DefinePlugin.

Přidejte následující do vašeho preact.config.js soubor:

export default (config, env, helpers) => {
    config.plugins.push(
        new helpers.webpack.DefinePlugin({
            'process.env.MY_VARIABLE': JSON.stringify('my-value'),
        }),
    );
};

Pokud se vám konkrétně chcete číst z .env soubor, budete také muset přidat nějaký nástroj, číst to, jako dotenv:

import dotenv from 'dotenv';

dotenv.config();

export default (config, env, helpers) => {
    config.plugins.push(
        new helpers.webpack.DefinePlugin({
            'process.env.MY_VARIABLE': JSON.stringify(process.env.MY_VARIABLE),
        }),
    );
};

rschristian · Answer 1 · 2021-11-23T23:06:25

Preact je jen UI library, ale budu předpokládat, že jste s odkazem na Preact-CLI, což je aktuální build nástroj. Dejte mi vědět, jestli je nesprávné.

Naše wiki kryty pod "Použít Proměnné Prostředí v Aplikaci". process nebude existovat mimo Uzel, takže budete muset zadat proměnné, kterou chcete použít pomocí DefinePlugin.

Přidejte následující do vašeho preact.config.js soubor:

export default (config, env, helpers) => {
    config.plugins.push(
        new helpers.webpack.DefinePlugin({
            'process.env.MY_VARIABLE': JSON.stringify('my-value'),
        }),
    );
};

Pokud se vám konkrétně chcete číst z .env soubor, budete také muset přidat nějaký nástroj, číst to, jako dotenv:

import dotenv from 'dotenv';

dotenv.config();

export default (config, env, helpers) => {
    config.plugins.push(
        new helpers.webpack.DefinePlugin({
            'process.env.MY_VARIABLE': JSON.stringify(process.env.MY_VARIABLE),
        }),
    );
};

Jak Skrýt API klíč v Preact?

Otázka

Nejlepší odpověď

V jiných jazycích

Tato stránka je v jiných jazycích

Populární v této kategorii

Oblíbené položky v této kategorii