小编Siy*_*ash的帖子

在 React 中动态更改环境变量?

我正在尝试部署我的应用程序,但我想知道是否有一种方法可以在不重建我的应用程序的情况下动态更新环境变量。我做了一些研究,发现有 3 种可能的方法

  • 将配置存储在 js 文件中并使用脚本更新它!
  • 将配置存储在加载 React 应用程序并通过端点访问变量的服务器中
  • 把配置存放在window对象中,这真的很奇怪!

这些方法安全吗?与这些方法相关的风险是什么?

知道 Facebook、Airbnb 或任何其他高容量网站如何更新其配置吗?我的意思是每次重建应用程序都会非常耗时,对吗?动态更新我的变量甚至是个好主意吗?

如果您能帮我解决这个问题,我将不胜感激!

javascript configuration environment-variables reactjs

7
推荐指数
0
解决办法
2421
查看次数

@auth0/auth0-spa-js isAuthenticated 在页面刷新时未定义

我正在对我的应用程序进行身份验证,并且已设法将登录名添加到我的页面。用户可以登录并存储他们的会话,但是一旦我刷新页面,他们的会话就消失了。ReactJs + NextJS

我知道有getTokenSilently但是当我调用它时它会返回它!

error: "login_required"
error_description: "Login required"
state: "N3B+aWt4T1dBeGlibWsua2ZkdX5LTzR6T19ndTdXfkJ2Tm5kUzJIY3lXTQ=="
Run Code Online (Sandbox Code Playgroud)

我在这里做错了什么?

  • 我的个人资料页面!
  useEffect(() => {
    if (typeof window !== `undefined`) {
      if (!loading && !isAuthenticated) {
        loginWithRedirect({})
      }
    }
  });
Run Code Online (Sandbox Code Playgroud)
  • 如果用户登录,主页将显示一个图标!
          <Button
            className="account-button"
            variant="textButton"
            icon={<i className="flaticon-user" />}
            aria-label="login"
            title={loading ? 'loading' : isAuthenticated ? 'Hi' : 'login'}
          />
Run Code Online (Sandbox Code Playgroud)
  • 认证服务
// src/react-auth0-spa.js
import React, { useState, useEffect, useContext } from "react";
import createAuth0Client from "@auth0/auth0-spa-js";

const DEFAULT_REDIRECT_CALLBACK = () =>
  window.history.replaceState({}, document.title, window.location.pathname);

export const Auth0Context = React.createContext(); …
Run Code Online (Sandbox Code Playgroud)

reactjs auth0 server-side-rendering next.js

2
推荐指数
1
解决办法
1477
查看次数