bug fix #3

web/composables/useMyFetch.js

@@ -1,8 +1,8 @@
 export const useMyFetch = (request, method="GET" ,opts={}, headers ={}) => {
     const { locale } = useI18n()
     const config = useRuntimeConfig()
+
     const options = {
-        // baseURL: process.server?'http://api:8787/appapi':config.public.apiBaseUrl,
         baseURL: config.public.apiBaseUrl,
         method: method,
         headers: {

web/layouts/default.vue

@@ -13,7 +13,12 @@ const store = useStore();
 
 const { config } = storeToRefs(store);
 
-const cateData = ref(null);
+const cateData = computed(() => {
+  if(cateRes.value.data){
+    return cateRes.value.data
+  }
+  return []
+});
 
 const { data: cateRes } = await useMyFetch('/index/getCateList', "GET")
 
@@ -55,7 +60,7 @@ const goRoute = (path) => {
             <li class="nav-item">
               <div class="nav-link" data-toggle="dropdown" data-submenu>{{ $t('products') }}</div>
               <div class="dropdown-menu">
-                <template v-for="(item, index) in cateRes.data" :key="index">
+                <template v-for="(item, index) in cateData" :key="index">
                   <div class="dropdown dropright dropdown-submenu" v-if="item.children.length > 0">
                     <button class="dropdown-item dropdown-toggle" type="button">{{ item.name }}</button>
                     <div class="dropdown-menu">

web/nuxt.config.ts

@@ -4,6 +4,7 @@ export default defineNuxtConfig({
   runtimeConfig: {
     public: {
       apiBaseUrl: process.env.NUXT_API_BASE_URL,
+      apiInnerUrl: process.env.NUXT_API_INNER_URL,
     }
   },
   app: {

web/pages/index.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { onMounted } from 'vue';
 import useStore from '@/store';
-import prodImg from '@/assets/img/s4.jpg';
+import prodImg from '@/assets/img/noImage.jpg';
 import featureImg from '@/assets/img/feature.jpg';
 
 const { locale } = useI18n()
@@ -96,7 +96,7 @@ onMounted(async () => {
             <div class="row">
               <div class="col-6 col-lg-3" v-for="(cate,index) in cateData" :key="index">
                   <div class="imgCnt sm shadow">
-                    <img :src="cate.imageurl" alt="">
+                    <img :src="cate.imageurl || prodImg" alt="">
                   </div>
                   <div class="title">{{ cate.name }}</div>
               </div>