Make @nuxtjs/axios to use NUXT_ENV_

Author: renoirb

nuxt.config.ts

@@ -1,5 +1,8 @@
 import NuxtConfiguration from "@nuxt/config"
 
+// https://nuxtjs.org/api/configuration-env/
+const apiBaseUrl = process.env.NUXT_ENV_API_URL || "https://api.hnpwa.com/v0"
+
 const isDev = process.env.NODE_ENV !== "production"
 
 const config: NuxtConfiguration = {
@@ -40,13 +43,17 @@ const config: NuxtConfiguration = {
     theme_color: "#188269"
   },
   modules: ["@nuxtjs/pwa", "@nuxtjs/component-cache", "@nuxtjs/axios"],
+  env: {
+    apiBaseUrl
+  },
   axios: {
     debug: isDev,
-    proxy: true
+    proxy: true,
+    baseURL: apiBaseUrl
   },
   proxy: {
     "/api": {
-      target: "https://api.hnpwa.com/v0/",
+      target: apiBaseUrl,
       pathRewrite: {
         "^/api/": ""
       }

package.json

@@ -47,16 +47,17 @@
     "node": ">=8.0"
   },
   "dependencies": {
-    "@nuxtjs/axios": "^5.5.2",
+    "@nuxtjs/axios": "^5.3.6",
     "@nuxtjs/component-cache": "1.1.4",
     "@nuxtjs/pwa": "2.6.0",
     "apicache": "1.2.3",
     "express": "4.16.4",
-    "nuxt": "^2.7.1",
+    "nuxt-start": "^2.7.1",
     "ts-node": "^8.2.0",
     "vue-property-decorator": "^8.1.1"
   },
   "devDependencies": {
+    "nuxt": "^2.7.1",
     "@nuxt/typescript": "^2.7.1",
     "@types/jest": "^24.0.13",
     "@vue/test-utils": "^1.0.0-beta.28",
@@ -71,6 +72,11 @@
     "vue-jest": "^3.0.4",
     "tslint": "^5.0.0"
   },
+  "browserslist": [
+    "last 1 version",
+    "> 1%",
+    "IE 11"
+  ],
   "jest": {
     "moduleFileExtensions": [
       "js",

store/index.ts

@@ -5,7 +5,10 @@ import Vue from "vue"
 import { validFeeds } from "~/common/api"
 import { lazy } from "~/common/utils"
 // import { CancelToken } from "axios"
-const baseUrl = "/api" // https://api.hnpwa.com/v0" // "/api"
+
+// process.env.NUXT_ENV_API_URL + apiBasePath
+// 'https://api.hnpwa.com/v0' + '/api'
+const apiBasePath = "/api"
 
 interface Dictionary<T> {
   [key: string]: T
@@ -133,7 +136,7 @@ const actions: ActionTree<IRootState, any> = {
         commit("SET_ITEMS", { items })
       },
       () =>
-        (this as any).$axios.$get(`${baseUrl}/${feed}/${page}.json`, {
+        (this as any).$axios.$get(`${apiBasePath}/${feed}/${page}.json`, {
           cancelToken:
             (this as any).feedCancelSource &&
             (this as any).feedCancelSource.token
@@ -145,15 +148,15 @@ const actions: ActionTree<IRootState, any> = {
   FETCH_ITEM({ commit, state }, { id }) {
     return lazy(
       item => commit("SET_ITEM", { item }),
-      () => (this as any).$axios.$get(`${baseUrl}/item/${id}.json`),
+      () => (this as any).$axios.$get(`${apiBasePath}/item/${id}.json`),
       Object.assign({ id, loading: true, comments: [] }, state.items[id])
     )
   },
 
   FETCH_USER({ state, commit }, { id }) {
     return lazy(
       user => commit("SET_USER", { id, user }),
-      () => (this as any).$axios.$get(`${baseUrl}/user/${id}.json`),
+      () => (this as any).$axios.$get(`${apiBasePath}/user/${id}.json`),
       Object.assign({ id, loading: true }, state.users[id])
     )
   }

tsconfig.json

@@ -27,6 +27,7 @@
     "types": [
       "@types/jest",
       "@types/node",
+      "@nuxtjs/axios",
       "@nuxt/vue-app"
     ]
   }

yarn.lock

@@ -1474,7 +1474,7 @@
     webpack-node-externals "^1.7.2"
     webpackbar "^3.2.0"
 
-"@nuxtjs/axios@^5.5.2":
+"@nuxtjs/axios@^5.3.6":
   version "5.5.2"
   resolved "https://registry.yarnpkg.com/@nuxtjs/axios/-/axios-5.5.2.tgz#b6447bb12707b56b16b942ae6c737a0b051cecba"
   integrity sha512-S5+IkUjCSSFeMVZp/JAzjoit9P7Di2QM4beAlFbHXbOEG+/vSaZReW8l817u9WC6nuKa3x6HhZfWD3tJDTvljg==
@@ -6927,6 +6927,20 @@ number-is-nan@^1.0.0:
   resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
   integrity sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=
 
+nuxt-start@^2.7.1:
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/nuxt-start/-/nuxt-start-2.7.1.tgz#84b03164b0013bcfbc2b90432c1140bb7ee560e5"
+  integrity sha512-IRwTg3Uy33Njmg+geQWinfUeJ2qd+n1VqkgZEqN+80XKkw/LTW40rTm3LKCIVaflbX7Ekc8jI8YJ+M38egPWgQ==
+  dependencies:
+    "@nuxt/cli" "2.7.1"
+    "@nuxt/core" "2.7.1"
+    node-fetch "^2.5.0"
+    vue "^2.6.10"
+    vue-meta "^1.6.0"
+    vue-no-ssr "^1.1.1"
+    vue-router "^3.0.6"
+    vuex "^3.1.1"
+
 nuxt@^2.7.1:
   version "2.7.1"
   resolved "https://registry.yarnpkg.com/nuxt/-/nuxt-2.7.1.tgz#fa1caf0db71a9c99046aea7d5829c3de63b4b31c"