Fix upload image issue (#42)

ZhiShuYun · Jan 8, 2024 · 9495ba4 · 9495ba4
1 parent 3d1dd49
commit 9495ba4
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 8 deletions.
diff --git a/change/@zhishuyun-hub-ac761756-d7fd-47cf-ad76-f61c5836efd6.json b/change/@zhishuyun-hub-ac761756-d7fd-47cf-ad76-f61c5836efd6.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix upload image issue",
+  "packageName": "@zhishuyun/hub",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/src/components/chat/InputBox.vue b/src/components/chat/InputBox.vue
@@ -11,7 +11,7 @@
       :show-file-list="true"
       :limit="1"
       :multiple="false"
-      action="/api/v1/files/"
+      :action="uploadUrl"
       :on-exceed="onExceed"
       :on-error="onError"
       :headers="headers"
@@ -51,6 +51,7 @@ import { defineComponent } from 'vue';
 import { ElInput, ElMessage, ElTooltip, ElUpload } from 'element-plus';
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import { CHAT_MODEL_CHATGPT4_VISION, IChatModel } from '@/operators';
+import { getBaseUrlData } from '@/utils';
 
 export default defineComponent({
   name: 'InputBox',
@@ -80,7 +81,8 @@ export default defineComponent({
   data() {
     return {
       questionValue: this.question,
-      fileList: []
+      fileList: [],
+      uploadUrl: getBaseUrlData() + '/api/v1/files/'
     };
   },
   computed: {

diff --git a/src/components/common/AuthPanel.vue b/src/components/common/AuthPanel.vue
@@ -48,7 +48,7 @@ export default defineComponent({
     inviterId() {
       // if forceInviterId is set, then use forceInviterId
       if (this.$config?.distribution?.forceInviterId) {
-        return this.$config?.distribution?.defaultInviterId;
+        return this.$config?.distribution?.forceInviterId;
       }
       // Otherwise, use the inviter_id in the url, then use the inviter_id in the cookie, and finally use the default inviter_id
       const result =

diff --git a/src/components/common/Navigator.vue b/src/components/common/Navigator.vue
@@ -31,15 +31,15 @@
     <div class="middle" />
     <div v-if="!collapsed" class="bottom">
       <el-menu :default-active="activeIndex">
-        <el-menu-item @click="onConsole">
+        <el-menu-item v-if="$config.navigation?.console" @click="onConsole">
           <font-awesome-icon icon="fa-solid fa-compass" class="mr-2" />
           <template #title>{{ $t('common.nav.console') }}</template>
         </el-menu-item>
-        <el-menu-item @click="onDistribution">
+        <el-menu-item v-if="showDistribution" @click="onDistribution">
           <font-awesome-icon icon="fa-solid fa-coins" class="mr-2" />
           <template #title>{{ $t('common.nav.distribution') }}</template>
         </el-menu-item>
-        <el-menu-item @click="onLogout">
+        <el-menu-item v-if="authenticated" @click="onLogout">
           <font-awesome-icon icon="fa-solid fa-arrow-right-from-bracket" class="mr-2" />
           <template #title>{{ $t('common.nav.logOut') }}</template>
         </el-menu-item>

diff --git a/src/components/midjourney/ReferenceImage.vue b/src/components/midjourney/ReferenceImage.vue
@@ -6,7 +6,7 @@
       name="file"
       :limit="5"
       :multiple="true"
-      action="/api/v1/files/"
+      :action="uploadUrl"
       list-type="picture"
       :on-exceed="onExceed"
       :on-error="onError"
@@ -29,9 +29,11 @@
 import { defineComponent } from 'vue';
 import { ElUpload, ElButton, UploadFiles, UploadFile, ElMessage } from 'element-plus';
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
+import { getBaseUrlData } from '@/utils';
 
 interface IData {
   fileList: UploadFiles;
+  uploadUrl: string;
 }
 
 export default defineComponent({
@@ -44,7 +46,8 @@ export default defineComponent({
   emits: ['change'],
   data(): IData {
     return {
-      fileList: []
+      fileList: [],
+      uploadUrl: getBaseUrlData() + '/api/v1/files/'
     };
   },
   computed: {