Nuxt•9mo ago•

4 replies

Layered Nuxt apps: How to remove routeRules defined in a base layer from an extending layer?

Okay, I'm working with layered Nuxt applications. I have

app1

app1

app1

app1 which is the base layer, and

app2

app2

app2

app2 which extends

app1

app1

app1

app1. In

app1

app1

app1

app1, I've configured several

routeRules

routeRules

routeRules

routeRules in the

nuxt.config.ts

nuxt.config.ts

nuxt.config.ts

nuxt.config.ts. Now, in

app2

app2

app2

app2, I want to effectively remove or override some of the

routeRules

routeRules

routeRules

routeRules that were set in

app1

app1

app1

app1. How can I achieve this?

For example, if

app1

app1

app1

app1 has a

routeRules

routeRules

routeRules

routeRules entry like this:

// app1/nuxt.config.ts
export default defineNuxtConfig({
  routeRules: {
    '/some-path': { redirect: '/new-path' },
    // ... other rules
  }
})

// app1/nuxt.config.ts
export default defineNuxtConfig({
  routeRules: {
    '/some-path': { redirect: '/new-path' },
    // ... other rules
  }
})

// app1/nuxt.config.ts
export default defineNuxtConfig({
  routeRules: {
    '/some-path': { redirect: '/new-path' },
    // ... other rules
  }
})

// app1/nuxt.config.ts
export default defineNuxtConfig({
  routeRules: {
    '/some-path': { redirect: '/new-path' },
    // ... other rules
  }
})

app2

app2

app2

app2, I want to somehow disable or remove the

/some-path

/some-path

/some-path

/some-path redirect rule that was defined in

app1

app1

app1

app1. Crucially, I don't want to have to explicitly list each path I want to remove in

app2

app2

app2

app2 (like telling Nuxt hooks to ignore '/some-path'). I'm looking for a more automatic way for

app2

app2

app2

app2 to override or discard specific

routeRules

routeRules

routeRules

routeRules from

app1

app1

app1

app1 without manual intervention for each rule I want to discard. What's the recommended approach for this in a layered setup?