added cors header for the nuxt server responses

components/server/AssetTable.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="['data', darkMode ? 'div-darkmode' : 'div-lightmode']">
+    <div v-if="configItemList.length > 0" :class="['data', darkMode ? 'div-darkmode' : 'div-lightmode']">
         <div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Last viewed:</div>
         <table class="data-table" id="asset-table">
             <tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head">
@@ -59,8 +59,8 @@ const getConfigItems = async () => {
     }
 }
 
-onMounted(() => {
+onMounted(async () => {
-    getConfigItems();
+    await getConfigItems();
 });
 </script>
 

nuxt.config.ts

@@ -1,4 +1,5 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
+
 export default defineNuxtConfig({
   devtools: { enabled: true },
   devServer: {

routerFrontend/index.js

@@ -33,6 +33,10 @@ const router = createRouter({
             path: '/assets',
             component: AssetPage
         },  
+        {
+            path: '/chosenAsset',
+            component: AssetPage
+        },  
         {
             path: '/solutions',
             component: SolutionPage

server/api/getAllConfigItems.ts

@@ -1,7 +1,15 @@
 import { configItems, errorMsg } from "../middleware/configItems";
+import { OutgoingMessage } from 'http';
 
 export default defineEventHandler(async (event) => {
 
+    const headers: Record<string, Parameters<OutgoingMessage['setHeader']>[1]> = {
+        'Access-Control-Allow-Origin': 'https://tueitapp.tueit.de',
+        'Access-Control-Allow-Headers': 'authorization, content-type',
+        'Access-Control-Allow-Methods': 'GET,HEAD,PUT,PATCH,POST,DELETE',
+    };
+    setResponseHeaders(event, headers)
+
     if (!(errorMsg === '')) {
         throw createError({
             statusCode: 400,

server/api/getAllIssueSlips.ts

@@ -1,7 +1,15 @@
 import { issueSlips, errorMsg } from "../middleware/issueSlips";
+import { OutgoingMessage } from 'http';
 
 export default defineEventHandler(async (event) => {
 
+    const headers: Record<string, Parameters<OutgoingMessage['setHeader']>[1]> = {
+        'Access-Control-Allow-Origin': 'https://tueitapp.tueit.de',
+        'Access-Control-Allow-Headers': 'authorization, content-type',
+        'Access-Control-Allow-Methods': 'GET,HEAD,PUT,PATCH,POST,DELETE',
+    };
+    setResponseHeaders(event, headers)
+
     if (!(errorMsg === '')) {
         throw createError({
             statusCode: 400,

server/api/getAllIssues.ts

@@ -1,7 +1,15 @@
 import { issues, errorMsg } from "../middleware/issues";
+import { OutgoingMessage } from 'http';
 
 export default defineEventHandler(async (event) => {
 
+    const headers: Record<string, Parameters<OutgoingMessage['setHeader']>[1]> = {
+        'Access-Control-Allow-Origin': 'https://tueitapp.tueit.de',
+        'Access-Control-Allow-Headers': 'authorization, content-type',
+        'Access-Control-Allow-Methods': 'GET,HEAD,PUT,PATCH,POST,DELETE',
+    };
+    setResponseHeaders(event, headers)
+
     if (!(errorMsg === '')) {
         throw createError({
             statusCode: 400,

server/api/getAllMaintenanceVisitTemplates.ts

@@ -1,7 +1,15 @@
 import { maintenanceVisitTemplates, errorMsg } from "../middleware/maintenanceVisitTemplates";
+import { OutgoingMessage } from 'http';
 
 export default defineEventHandler(async (event) => {
 
+    const headers: Record<string, Parameters<OutgoingMessage['setHeader']>[1]> = {
+        'Access-Control-Allow-Origin': 'https://tueitapp.tueit.de',
+        'Access-Control-Allow-Headers': 'authorization, content-type',
+        'Access-Control-Allow-Methods': 'GET,HEAD,PUT,PATCH,POST,DELETE',
+    };
+    setResponseHeaders(event, headers)
+
     if (!(errorMsg === '')) {
         throw createError({
             statusCode: 400,

server/api/getAllProductionOrderTemplates.ts

@@ -1,7 +1,15 @@
 import { productionOrderTemplates, errorMsg } from "../middleware/productionOrderTemplates";
+import { OutgoingMessage } from 'http';
 
 export default defineEventHandler(async (event) => {
 
+    const headers: Record<string, Parameters<OutgoingMessage['setHeader']>[1]> = {
+        'Access-Control-Allow-Origin': 'https://tueitapp.tueit.de',
+        'Access-Control-Allow-Headers': 'authorization, content-type',
+        'Access-Control-Allow-Methods': 'GET,HEAD,PUT,PATCH,POST,DELETE',
+    };
+    setResponseHeaders(event, headers)
+
     if (!(errorMsg === '')) {
         throw createError({
             statusCode: 400,

server/api/getAllSolutions.ts

@@ -1,7 +1,15 @@
 import { solutions, errorMsg } from "../middleware/solutions";
+import { OutgoingMessage } from 'http';
 
 export default defineEventHandler(async (event) => {
 
+    const headers: Record<string, Parameters<OutgoingMessage['setHeader']>[1]> = {
+        'Access-Control-Allow-Origin': 'https://tueitapp.tueit.de',
+        'Access-Control-Allow-Headers': 'authorization, content-type',
+        'Access-Control-Allow-Methods': 'GET,HEAD,PUT,PATCH,POST,DELETE',
+    };
+    setResponseHeaders(event, headers)
+
     if (!(errorMsg === '')) {
         throw createError({
             statusCode: 400,

server/api/getConfigItem/[id].ts

@@ -1,7 +1,15 @@
 import { configItem, errorMsg } from "../../middleware/configItems";
+import { OutgoingMessage } from 'http';
 
 export default defineEventHandler(async (event) => {
 
+    const headers: Record<string, Parameters<OutgoingMessage['setHeader']>[1]> = {
+        'Access-Control-Allow-Origin': 'https://tueitapp.tueit.de',
+        'Access-Control-Allow-Headers': 'authorization, content-type',
+        'Access-Control-Allow-Methods': 'GET,HEAD,PUT,PATCH,POST,DELETE',
+    };
+    setResponseHeaders(event, headers)
+
     if (!(errorMsg === '')) {
         throw createError({
             statusCode: 400,

server/api/login.ts

@@ -1,7 +1,15 @@
 import { loginSuccessful, errorMsg } from "../middleware/login";
+import { OutgoingMessage } from 'http';
 
 export default defineEventHandler(async (event) => {
 
+    const headers: Record<string, Parameters<OutgoingMessage['setHeader']>[1]> = {
+        'Access-Control-Allow-Origin': 'https://tueitapp.tueit.de',
+        'Access-Control-Allow-Headers': 'authorization, content-type',
+        'Access-Control-Allow-Methods': 'GET,HEAD,PUT,PATCH,POST,DELETE',
+    };
+    setResponseHeaders(event, headers)
+
     if (!loginSuccessful) {
         throw createError({
             statusCode: 400,

server/api/signup.ts

@@ -1,7 +1,15 @@
 import { registeringSuccessful, errorMsg } from "../middleware/signUp.js";
+import { OutgoingMessage } from 'http';
 
 export default defineEventHandler(async (event) => {
 
+    const headers: Record<string, Parameters<OutgoingMessage['setHeader']>[1]> = {
+        'Access-Control-Allow-Origin': 'https://tueitapp.tueit.de',
+        'Access-Control-Allow-Headers': 'authorization, content-type',
+        'Access-Control-Allow-Methods': 'GET,HEAD,PUT,PATCH,POST,DELETE',
+    };
+    setResponseHeaders(event, headers)
+
     if (!registeringSuccessful) {
         throw createError({
             statusCode: 400,

server/middleware/configItems.ts

@@ -34,6 +34,7 @@ export default defineEventHandler(async (event) => {
                     console.error(axiosError.response.data.message);
                     errorMsg = axiosError.response.data.message;
                 } else if (axiosError.request) {
+                    console.log(err)
                     // If error was caused by the request
                     console.error(axiosError.request);
                 } else {