Блог

При развертывании приложения NuxtJS для производства у меня возникает ситуация, когда мне нужно размещать файлы по разным путям.

Я использовал эти конфигурации раньше в приложении Vue в vue.config.js и это прекрасно работает:

 module.exports = {
    publicPath:'/assets/my_app/my_page/',
    outputDir: path.resolve('../my_app/public/my_page'),
    indexPath: path.resolve('../my_app/www/my_page.html'),
    devServer: {
        allowedHosts: ["my_site.com"],
        proxy: {
            '^/api': serverProxy,
            '^/assets': serverProxy,
            '^/files': serverProxy
        }
    }
};
 

Как можно выполнить те же конфигурации в NuxtJS?

Я пробовал это в nuxt.config.js но это не работает:

 build: {
    publicPath:'/assets/my_app/my_page/',
    // outputDir: path.resolve('../my_app/public/my_page'), 
  },
generate: {
    dir: path.resolve('../my_app/www/my_page.html'),
  },
 

существуют различные свойства каталога, которые вы можете использовать в файле nuxt.config. Я думаю, buildDir, rootDir или srcDir могут вам помочь. Однако вы можете получить доступ к конфигурации vue и использовать свое старое решение с помощью : nuxt.config свойство vue.config