Nuxt.js: proposal: Add `sub directory` config in nuxt.config.js

[potato4d]

Hi, I maintain multiple Web sites with subdirectory structure created by Nuxt.
(e.g. https://push7.jp/docs )

Then, I have a problem with such a site.

Nuxt build andgenerate are excellent, but they are always made to refer to the .nuxt directory for the root directory.

I solve this by linking with a shell script etc, but it is not a good idea.

To solve this problem, I would like to add a function that can manage the target directory with the configuration called subdirectory as Nuxt's function.

In particular, in Japan such a URL structure is very popular, so there are many opportunities to use.

If this proposal is allowed, I would like to implement it even soon!

Config sample

in nuxt.config.js

{
  ...
  subdirectory: Boolean | String
  ...
}

{
  ...
  subdirectory: false // default
  ...
}

{
  ...
  subdirectory: '/blog/'
  ...
}

_{This question is available on Nuxt.js community (#c1795)}

[christophwolff]

Have you tried the Vue Router Base Property?

module.exports = {
  router: {
    base: '/app/'
  }
}

https://nuxtjs.org/api/configuration-router/

[KonstantinVlasov]

I'm not sure if I understand you correctly, but maybe buildDir is what you are looking for?

buildDir: './nuxt/blog' // default: './nuxt'

[potato4d]

@christophwolff @KonstantinVlasov
Thanks feedback!

But, It seems to be a little different from what I'm seeking.

I need

<link href="/blog/_nuxt/manifest.bdb5daca1950a978e030.js" rel="preload" as="script">

nuxt generate result

<link href="/_nuxt/manifest.bdb5daca1950a978e030.js" rel="preload" as="script">

Is it possible to add a path before /_nuxt ?

[KonstantinVlasov]

I think publicPath can help you

[potato4d]

@KonstantinVlasov
I have tried it in the past.
But, It was a little different from what I wanted.

I am hosting another web site directly under the domain and /docs.

• https://push7.jp/ Service website.
• https://push7.jp/docs Document site

result:

I need:

[husayt]

see https://nuxtjs.org/faq/github-pages and also https://nuxtjs.org/api/configuration-build#publicpath

That should resolve it for you. Closing. Reopen if still not clear.

[ramjamx]

I think this proposal is valid and necessary, you not always want to publish in the root directory, publish path solve the problem but you need to change your image routes. with this helper you may decide where you want to publish (main domain or a folder) with just one config.

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.