前端APIのURL参数化対応およびバックエンドのBugFix

frontend/src/components/ActionSelect.vue

@@ -27,7 +27,7 @@ export default {
   ]
   const rows = reactive([])
     onMounted(async () => {
-        await api.get('http://127.0.0.1:8000/api/kintone/1').then(res =>{
+        await api.get('api/kintone/1').then(res =>{
          res.data.forEach((item) =>
         {
           rows.push({name:item.name,desc:item.desc,content:item.content});

frontend/src/components/AppInfo.vue

@@ -36,7 +36,7 @@
 import { AppInfo, AppSeed } from './models';
 import { ref,  defineComponent, watch, onMounted , toRefs } from 'vue';
 import { api } from 'boot/axios';
-import { promises } from 'dns';
+import { useAuthStore } from 'src/stores/useAuthStore';
 
 export default defineComponent({
   props: {
@@ -44,12 +44,13 @@ export default defineComponent({
   },
   setup(props) {
     const { app } = toRefs(props);
+    const authStore = useAuthStore();
     const appinfo = ref<AppInfo>({
       appId: "",
       name: "",
       description: ""
     });
-    const link= ref('https://mfu07rkgnb7c.cybozu.com/k/' + app.value);
+    const link= ref(`${authStore.currentDomain.kintoneUrl}/k/${app.value}`);
     const getAppInfo = async (appId:string|undefined) => {
       if(!appId){
         return;
@@ -59,7 +60,7 @@ export default defineComponent({
       let retry =0;
       while(retry<=3 && result && result.appId!==appId){
           await new Promise(resolve => setTimeout(resolve, 1000));
-           const response = await api.get('app', {
+           const response = await api.get('api/v1/app', {
               params:{
                 app: appId
               }
@@ -73,7 +74,7 @@ export default defineComponent({
 
     watch(app, async (newApp) => {
       appinfo.value = await getAppInfo(newApp);
-      link.value = 'https://mfu07rkgnb7c.cybozu.com/k/' + newApp;
+      link.value = `${authStore.currentDomain.kintoneUrl}/k/${newApp}`;
     }, { immediate: true });
 
     const linkClick=(ev : MouseEvent)=>{
@@ -82,7 +83,7 @@ export default defineComponent({
     };
     onMounted(async ()=>{
       appinfo.value = await getAppInfo(app.value);
-      link.value = 'https://mfu07rkgnb7c.cybozu.com/k/' + app.value;
+      link.value = `${authStore.currentDomain.kintoneUrl}/k/${app.value}`;
     });
 
     return {

frontend/src/components/AppSelect.vue

@@ -22,7 +22,7 @@ export default {
   ]
   const rows = reactive([])
     onMounted( () => {
-        api.get('allapps').then(res =>{
+        api.get('api/v1/allapps').then(res =>{
          res.data.apps.forEach((item) =>
         {
           rows.push({id:item.appId,name:item.name,creator:item.creator.name,createdate:item.createdAt});

frontend/src/components/DocUpload.vue

@@ -4,6 +4,7 @@
         style="max-width: 400px"
         :url="uploadUrl"
         :label="title"
+        :headers="headers"
         accept=".csv,.xlsx"
         v-on:rejected="onRejected"
         v-on:uploaded="onUploadFinished"
@@ -15,7 +16,10 @@
 </template>
 <script setup lang="ts">
  import { createUploaderComponent, useQuasar } from 'quasar';
+import { useAuthStore } from 'src/stores/useAuthStore';
+import { ref } from 'vue';
     const $q=useQuasar();
+    const authStore = useAuthStore();
     const emit =defineEmits(['uploaded']);
     /**
      * ファイルアップロードを拒否する時の処理
@@ -67,9 +71,12 @@
       title: string;
       uploadUrl:string;
     }
+
+    const headers = ref([{name:"Authorization",value:'Bearer ' + authStore.token}]);
     const props = withDefaults(defineProps<Props>(), {
       title:"設計書から導入する(csv or excel)",
-      uploadUrl: `${process.env.KAB_BACKEND_URL}createappfromexcel`
+      uploadUrl: `${process.env.KAB_BACKEND_URL}api/v1/createappfromexcel`
+
     });
 </script>
 <style lang="scss">

frontend/src/components/DomainSelect.vue

@@ -23,7 +23,7 @@ export default {
   ]
   const rows = reactive([])
     onMounted( () => {
-      api.get(`http://127.0.0.1:8000/api/domains/testtenant`).then(res =>{
+      api.get(`api/domains/testtenant`).then(res =>{
          res.data.forEach((item) =>
         {
           rows.push({id:item.id,tenantid:item.tenantid,name:item.name,url:item.url,kintoneuser:item.kintoneuser});

frontend/src/components/FieldSelect.vue

@@ -22,7 +22,7 @@ export default {
   ]
   const rows = reactive([])
     onMounted( () => {
-        api.get('appfields', {
+        api.get('api/v1/appfields', {
               params:{
                 app: props.appId
               }

frontend/src/components/left/AppSelector.vue

@@ -7,7 +7,7 @@
       style="font-size: 2em"
     />
     <div class="col-7 self-center ellipsis">
-      <a :href="!store.appInfo?'':`https://mfu07rkgnb7c.cybozu.com/k/${store.appInfo?.appId}`" target="_blank" title="Kiontoneへ">
+      <a :href="!store.appInfo?'':`${authStore.currentDomain.kintoneUrl}/k/${store.appInfo?.appId}`" target="_blank" title="Kiontoneへ">
       {{ store.appInfo?.name }}
       </a>
     </div>
@@ -33,6 +33,7 @@ import {AppInfo} from '../../types/ActionTypes'
 import ShowDialog from '../../components/ShowDialog.vue';
 import AppSelect from '../../components/AppSelect.vue';
 import { useFlowEditorStore } from 'stores/flowEditor';
+import { useAuthStore } from 'src/stores/useAuthStore';
 export default defineComponent({
   name: 'AppSelector',
   emits:[
@@ -45,6 +46,7 @@ export default defineComponent({
   setup(props, context) {
 
     const store = useFlowEditorStore();
+    const authStore=useAuthStore();
     const appDg = ref();
     const showSelectApp=ref(false);
 
@@ -67,6 +69,7 @@ export default defineComponent({
     }
     return {
       store,
+      authStore,
       showSelectApp,
       showAppDialog,
       closeDg,