时间戳

首页 > 解决方案 > 环境变量不适用于 React 和变量 [节点]

node.js - 环境变量不适用于 React 和变量 [节点]

问题描述

我的环境变量有问题。就像变量不存在一样。

这是我的问题的图片： 这是我的问题的图片

在.env：

REACT_APP_GET_CLIENT_URL=http://localhost:3002/api/clients/${res.data.userId}?access_token=${res.data.id}

这就是我称之为 env 的地方：

login: (data) => {
    axios.post(process.env.REACT_APP_LOGIN_URL, data)
    .then((res) => {
       localStorage.setItem('token', res.data.id)
       localStorage.setItem('userId', res.data.userId)
       axios.get(process.env.REACT_APP_GET_CLIENT_URL)
       .then((res) => {
           localStorage.setItem('firstName', res.data.firstName)
           localStorage.setItem('lastName', res.data.lastName)
           localStorage.setItem('picture', res.data.picture)
           localStorage.setItem('namePicture', res.data.namePicture)
           dispatch({type: 'LOGIN'});  
           }) 
       }
       ).catch((err) => {
          console.log(err);
          dispatch({type: 'LOGIN_ERR'});
   })
},

process.env.REACT_APP_LOGIN_URL正在使用：

REACT_APP_LOGIN_URL = http://localhost:3002/api/clients/login

先感谢您

标签： node.jsenvironment-variables

解决方案

感谢@bato3，它现在可以工作了！

我在这里恢复：

login: (data) => {
        axios.post(process.env.REACT_APP_LOGIN_URL, data)
          .then((res) => {
            localStorage.setItem('token', res.data.id)
            localStorage.setItem('userId', res.data.userId)
            let REACT_APP_GET_CLIENT_URL = process.env.REACT_APP_GET_CLIENT_URL
              axios.get(REACT_APP_GET_CLIENT_URL.replace(':userId:', res.data.userId).replace(':token:', res.data.id))
              .then((res) => {
              console.log(process.env.REACT_APP_GET_CLIENT_URL)
              localStorage.setItem('firstName', res.data.firstName)
              localStorage.setItem('lastName', res.data.lastName)
              localStorage.setItem('picture', res.data.picture)
              localStorage.setItem('namePicture', res.data.namePicture)
              dispatch({type: 'LOGIN'});  
              }) 
          }
          ).catch((err) => {
            console.log(err);
            dispatch({type: 'LOGIN_ERR'});
        })
        },

在.env：

REACT_APP_GET_CLIENT_URL=http://localhost:3002/api/clients/:userId:?access_token=:token"

谢谢 ！

推荐阅读