Error with API Key 401 error in .env file

Question

Having an issue with attaching an API key from my .env file. The key works if its placed in the component. However if I import it from the .env file it doesnt work. Getting a 401 (Unauthorized). Used the Create React App. Tried many different ways to try to make it work (add const, add REACT_APP before the var..).

The .env file...

REACT_APP_OPEN_WEATHER_API_KEY=`123456789123456789`;

The .jsx file...

import React from "react";
import REACT_APP_OPEN_WEATHER_API_KEY from '../.env';

const REACT_APP_API_ADDRESS = REACT_APP_OPEN_WEATHER_API_KEY;

class WeatherInfo extends React.Component {

        constructor() {
            super();
            this.state = {
                items: [],
                isLoaded: false,
            }
        }
        componentDidMount() {
            
            fetch(`https://api.openweathermap.org/data/2.5/forecast?q=Austin,USA&appid=${REACT_APP_API_ADDRESS}&units=imperial`)

Borjante · Accepted Answer · 2019-01-22 17:22:56Z

2

You should not load ENV files like this. There is a special node package which is pretty usefull for that, it does multiple things but the most important from them is that it really hides your .env and just inject the value into your process.env so that those values are not publicly accessible.

https://www.npmjs.com/package/dotenv

answered Jan 22, 2019 at 17:22

Borjante

10.7k6 gold badges40 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nicolae Maties · Accepted Answer · 2019-01-22 17:31:06Z

0

Follow the guidance from here: Node.js Everywhere with Environment Variables!

answered Jan 22, 2019 at 17:31

Nicolae Maties

2,6782 gold badges18 silver badges29 bronze badges

Collectives™ on Stack Overflow

Error with API Key 401 error in .env file

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related