add base URL + navbar

components/Navbar.vue

 <template>
-  <!-- <div>
-    <b-navbar toggleable="lg" type="dark" variant="info" style="background-color: #6f2ca6 !important">
-      <SideBar />
-
-      <b-navbar-toggle target="nav-collapse"></b-navbar-toggle> -->
-
-      <!-- <b-collapse id="nav-collapse" is-nav>
-        <b-navbar-nav>
-          <b-nav-item href="/users">USER</b-nav-item>
-          <b-nav-item href="/categories">CATEGORY</b-nav-item>
-          <b-nav-item href="/products">PRODUCT</b-nav-item>
-          <b-nav-item href="/posts">POST</b-nav-item>
-        </b-navbar-nav> -->
-
-        <!-- Right aligned nav items -->
-        <!-- <b-navbar-nav class="ml-auto">
-          <b-nav-item-dropdown right> -->
-            <!-- Using 'button-content' slot -->
-            <!-- <template #button-content>
-              <em>{{ $auth.$storage.getUniversal("userName") }}</em>
-            </template>
-            <b-dropdown-item href="#">Profile</b-dropdown-item>
-            <b-dropdown-item href="#" @click="logout">Sign Out</b-dropdown-item>
-          </b-nav-item-dropdown>
-        </b-navbar-nav>
-      </b-collapse>
-    </b-navbar>
-  </div> -->
-
   <div>
     <v-toolbar
       dark
       prominent
       src="https://cdn.vuetifyjs.com/images/backgrounds/vbanner.jpg"
     >
-      <v-app-bar-nav-icon></v-app-bar-nav-icon>
+      <v-app-bar-nav-icon />
 
       <v-toolbar-title>
         <v-btn href="/users">
@@ -42,23 +13,23 @@
           <v-icon>mdi-account</v-icon>
         </v-btn>
 
-      <v-btn href="/categories">
-        <span>CATEGORY</span>
-        <v-icon>mdi-heart</v-icon>
-      </v-btn>
+        <v-btn href="/categories">
+          <span>CATEGORY</span>
+          <v-icon>mdi-heart</v-icon>
+        </v-btn>
 
-      <v-btn href="/products">
-        <span>PRODUCT</span>
-        <v-icon> mdi-briefcase</v-icon>
-      </v-btn>
+        <v-btn href="/products">
+          <span>PRODUCT</span>
+          <v-icon> mdi-briefcase</v-icon>
+        </v-btn>
 
-      <v-btn href="/posts">
-        <span>POST</span>
-        <v-icon>mdi-newspaper</v-icon>
-      </v-btn>
+        <v-btn href="/posts">
+          <span>POST</span>
+          <v-icon>mdi-newspaper</v-icon>
+        </v-btn>
       </v-toolbar-title>
 
-      <v-spacer></v-spacer>
+      <v-spacer />
 
       <v-toolbar-title>{{ $auth.$storage.getUniversal("userName") }}</v-toolbar-title>
 

nuxt.config.js

@@ -52,7 +52,10 @@ export default {
   // Axios module configuration: https://go.nuxtjs.dev/config-axios
   axios: {
     // Workaround to avoid enforcing hard-coded localhost:3000: https://github.com/nuxt-community/axios-module/issues/308
-    baseURL: '/',
+    baseURL: 'http://127.0.0.1:8000/api/',
+    debug: false,
+    proxyHeaders: true,
+    credentials: false,
   },
 
   // Vuetify module configuration: https://go.nuxtjs.dev/config-vuetify