I am using Typescript on my Vue page and trying to fetch user data from API. <script setup lang="ts"> const { data: user } = await useFetch('/api/user/info', { headers: useRequestHeaders(['cookie']) }); if (!user.value) throw createError('Problems when fetching current user!'); const…
I am making a simpe "email confirm" page. It gets confirm key from URL, sends a POST request to API which returns true or nothing. If key is correct the API removes it from database and returns true so the…
My NUXT SSR website https://tejasjadhav2001.tech is hosted at https://34.93.29.137:3333 and Expressjs server for REST backend is hosted at https://34.93.29.137:3000 https://34.93.29.137:3333 is proxied to the Nginx root which uses tejasjadhav2001.tech as the domain The frontend calls the backend rest API like…
In a Nuxt3 project, I'm using v-model on a component. According to the Vue docs, this is how to do it: In the parent component: <MyInput v-model="myData" placeholder="My placeholder" /> In the child component <template> <div class="my-input"> <input :value="modelValue" @input="$emit('update:modelValue',…
I am trying to build a docker image of my Nuxt3 app. This works fine when building for my local platform (macOS), but when I build my docker image with --platform linux/amd64, it hangs indefinitely in this step: => =>…
I am struggling to find a way to get page title in Nuxt 3 and reuse it in layout. I am pretty sure there is a way to do it through some meta object but I just can not find…
I use Bootstrap Vue table with Vue v2 and I currently use a prop (sticky-header="600px") to set the table height: <page-wrapper> <page-header> </page-header> <div class="content"> <b-card> <b-row> <b-col></b-col> <b-col> <b-form-group> <b-form-radio-group></b-form-radio-group> </b-form-group> </b-col> <b-col></b-col> </b-row> <div class="table-responsive"> <b-table-simple class="text-left border-left…
In my Nuxt 3 project I have build a server plugin to set meta head tags. In my page/route, I first fetch data from the backend and then call the plugin. The content appears in the html document as expected…
I'm trying to make a login page using nuxt.js as Front-end and Laravel for the API. But after I take the csrf token from sanctum-cookie, i can't use it because of "CSRF token mismatch." . And I don't know what…
I've a nuxt application, that is deployed using S3 and CF on AWS. The canonical URL is getting changed on production, but working correctly on localhost. Here is my folder structure: ISSUE: Inside these pages I've added head() function and…