init

package-lock.json

@@ -18,6 +18,7 @@
       "devDependencies": {
         "@quasar/app-vite": "^1.7.3",
         "autoprefixer": "^10.4.16",
+        "dotenv": "^16.4.7",
         "postcss": "^8.4.32"
       }
     },
@@ -2399,6 +2400,19 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/dotenv": {
+      "version": "16.6.1",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.6.1.tgz",
+      "integrity": "sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
     "node_modules/dunder-proto": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",

package.json

@@ -18,6 +18,7 @@
   "devDependencies": {
     "@quasar/app-vite": "^1.7.3",
     "autoprefixer": "^10.4.16",
+    "dotenv": "^16.4.7",
     "postcss": "^8.4.32"
   }
 }

quasar.config.js

@@ -1,5 +1,8 @@
+const dotenv = require('dotenv')
 const { configure } = require('quasar/wrappers')
 
+dotenv.config({ path: '.env', override: true })
+
 module.exports = configure(function () {
   return {
     boot: ['axios'],
@@ -9,7 +12,7 @@ module.exports = configure(function () {
       target: { browser: ['es2019', 'edge88', 'firefox78', 'chrome87', 'safari13.1'] },
       vueRouterMode: 'history',
       env: {
-        API_BASE_URL: process.env.API_BASE_URL || 'http://localhost:19080/api',
+        API_BASE_URL: process.env.API_BASE_URL?.trim() || 'http://localhost:19080/api',
       },
     },
     devServer: {