环境变量不适用于 React 和变量 [节点]答案

【问题标题】：environment variables not working with React and variables [NODE]环境变量不适用于 React 和变量 [节点]
【发布时间】：2019-03-19 15:18:16
【问题描述】：

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

这是我的问题的图片：

在.env：

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

这就是我调用环境的地方：

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

提前谢谢你

【问题讨论】：

变量的值是在创建时确定的，不是使用的。也许还有其他一些方法可以做到这一点。我会使用模式和.replace
@bato3 你能告诉我更多关于你的想法吗
定义：REACT_APP_GET_CLIENT_URL=http://localhost:3002/api/clients/:userId:?access_token=:token" 用法：REACT_APP_GET_CLIENT_URL.replace(':userId:', res.data.userId).replace(':token:', res.data.id)

标签： node.js environment-variables

【解决方案1】：

感谢@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"

谢谢！

【讨论】：