I recently developed a VUE JS application that consumes data from a News API endpoint. To achieve this, I utilized Axios for fetching the data as shown below:
import axios from "axios";
let baseURL = `https://newsapi.org/v2`;
let apiKey = process.env.VUE_APP_APIKEY;
const instance = axios.create({
baseURL: baseURL,
timeout: 30000,
headers: {
"X-Api-Key": apiKey,
},
});
export default instance;
Upon running npm run electron:serve, the application successfully retrieves data from the API.
https://i.stack.imgur.com/wygv3.png
However, when I compile the application using npm run electron:build, the Axios call seems to stop working. I even attempted removing the environment variable and directly entering the API key for testing purposes, but it still doesn't function properly after compilation. How can I effectively troubleshoot an Electron-built executable?
https://i.stack.imgur.com/WQLPS.png
The relevant sections in my package.json are outlined below:
// Package.json scripts and dependencies listed here