nuxt.js Questions

4

I just cant figure out how to handle errors here: const { error, data } = useFetch('https://example.app/api/contact', { method: "POST", headers: { "Content-Type": "applic...
Skedaddle asked 1/4, 2022 at 22:44

4

This seems like a simple Nuxt question, but I just can't figure it out. When running "NPM run dev" I want to set the Axios baseURL to "localhost/api" and when running from the dist folder after "N...
Japheth asked 19/2, 2019 at 16:24

6

Solved

I have a simple data table using Vuetify data table. One of the column is a createdOn (date time), I want to format it. How can I do it ? This is what i get now: <template> <v-layout&...
Frederickafredericks asked 15/9, 2019 at 14:9

2

I think I'm missing something essential.. I want to use the layout functionality like it is described in the official docs My layout file has named slots for header and footer. These slots need to ...
Rodgerrodgers asked 14/2, 2023 at 13:42

5

Solved

is there a way how to write a custom directive in nuxt js, which will work for ssr and also for frontend (or even for ssr only)? I tried it like in following documentation: https://nuxtjs.org/ap...
Brumley asked 17/7, 2018 at 15:51

7

Solved

I want to develop an application with Nuxt.js that uses SSR for only certain pages (like artist page user page), so the pages without SSR will be used like an SPA. Is it possible to do it using Nux...
Ium asked 1/2, 2019 at 3:49

1

We use pinia to manage app state. As it's mentioned in title, I'm looking for NuxtServerInit hook analogue for pinia. A little context: User lands on First page of form; Form calls (f.e.) state.get...
Corydon asked 16/8, 2021 at 13:41

4

Solved

I have one of the following API URLs. At the end of the day for my use case, it doesn't matter which of these URLs I would have to use, but currently neither work. http://localhost:3000/api/track/T...
Mori asked 26/10, 2021 at 21:35

5

I try to connect my mobile to my local nuxtjs project. I thought it would be easy as described there. https://nuxtjs.org/faq/host-port/ but nothing works. I have also installed cross-env but didn't...
Guacharo asked 19/3, 2019 at 8:38

5

Solved

I am creating SSR project with Nuxt 3. I am thinking to add Cache-Control Header to generated static files in .output/_nuxt directory. I tried below code server/middleware/cache-control.ts export d...
Lepley asked 14/7, 2022 at 8:0

12

I'm having trouble building my nuxt images in a travis CI pipeline. My local environment is ubuntu 18.04 - docker version 19.03.11 docker-compose version 1.24.1 I'm able to build and run my images ...
Pernas asked 7/6, 2020 at 14:29

2

I'm having trouble accessing the url in my nuxt js plugin that has all. In short: there is a part in the url that shows me what country people are visiting from and that country should be used in t...
Glauce asked 17/9, 2021 at 9:59

6

Solved

I'm having issues setting up a new Google Analytics 4 (GA4) account with Nuxt. Everything seems configured ok based on tutorials, however my traffic doesn't show up in GA (dev & production) In ...
Elin asked 30/10, 2020 at 16:13

7

I'm brand new to using Nuxt.js, and having an issue: When I created my project, the layouts folder wasn't generated automatically as documented. I added it manually, but default.vue is not being ap...
Noletta asked 6/8, 2021 at 23:34

4

Solved

Using the file nuxt.config.js file, head contents can be customized to add some meta, or other things: module.exports = { /* ** Headers of the page */ head: { title: 'awesome title', meta: [...
Politi asked 13/1, 2018 at 9:14

3

I have a server side rendered production mode Vite application. My issue is that: routinely the webpage will reload and the console will display [vite] connecting.... I traced this back to the hot ...
Smog asked 8/6, 2022 at 15:57

5

Solved

Well, I'm starting with nuxt and I have following routes: /home /dashboard /login I want to protect the /dashboard, but only for users logged in with a token in localStorage. The simplest way...

11

Solved

I am new to nuxt and trying to change default favicon in my project. I changed the favicon.png and favicon.ico in my static folder. => didn't work. changed the favicon.png and favicon.ico in my d...
Inertia asked 20/4, 2020 at 8:51

5

Solved

I am using Nuxt.js and have some dynamic routes. My folder structure is this: - pages - product - _slug.vue I link to the route like this: <nuxt-link :to="{ name: 'product-slug', params: ...
Quinate asked 11/2, 2020 at 12:56

2

Solved

Before start, I'd like to say that I searched and tried many approaches and none of them seem to work properly. I also created a fresh Laravel installation but still, no success. The problem is COR...
Rettarettig asked 12/9, 2020 at 23:38

4

I am testing pinia store in nuxt3 app. Inside setup() of store I'm using useRuntimeConfig to get initial value for counter from public config variables and I got this error ReferenceError: useRunti...
Belle asked 10/5, 2022 at 20:58

1

First time I ask for something here, so I hope I'm clear enough! ( don't judge me ... ) I need to build a web extension but for many reasons related to the way of working in my company I need to do...
Plowman asked 22/5, 2023 at 13:57

1

Let's say I have a simple webshop application using Vue 3. Whenever the user adds an item to the cart, I store it locally in Pinia and I send this event information to the backend as well. By defau...
Capsulize asked 12/8, 2022 at 18:15

9

Solved

When I use this command to create a new Nuxt 3 project: npx nuxi init nuxt-app It outputs this error: ERROR (node:1752) ExperimentalWarning: The Fetch API is an experimental feature. This feature...
Ithaca asked 2/11, 2022 at 2:40

1

Solved

I've tried to configure Nuxt 3 along with the VueI18n plugin as described here. It works fine for "normal" translations using $t() within the template or using t() in the script part. I l...
Sunwise asked 28/3 at 20:55

© 2022 - 2024 — McMap. All rights reserved.