استقرار Nuxt.js روی هاست Nodejs

برای استقرار یک برنامه با فریمورک Nuxt.js روی هاست Node.js راه حل‌هایی وجود دارد.
راه حل ساده استفاده از کامند زیر برای تولید فایل‌های استاتیک و سپس قراردادن آن روی هاست است.

npm run generate

راه حل دوم ایجاد یک Back-End برای پروژه است.

برای این کار مراحل زیر انجام خواهد شد:
۱. نوشتن یک Back-End برای پروژه

۲. تنظیم فایل nuxt.config.js

۳. تنظیم پروژه در cPanel

در ادامه این مراحل را انجام خواهیم داد.

۱. نوشتن یک Back-End برای پروژه

در پوشه اصلی پروژه یک پوشه به نام server ایجاد کنید.

سپس یک فایل با نام index.js ساخته و محتوای زیر را داخل آن قرار دهید:

const express = require('express')
const consola = require('consola')
const { Nuxt, Builder } = require('nuxt')
const app = express()

// Import and Set Nuxt.js options
const config = require('../nuxt.config.js')
config.dev = process.env.NODE_ENV !== 'production'

async function start () {
  // Init Nuxt.js
  const nuxt = new Nuxt(config)

  const { host, port } = nuxt.options.server

  // Build only in dev mode
  if (config.dev) {
    const builder = new Builder(nuxt)
    await builder.build()
  } else {
    await nuxt.ready()
  }

  // Give nuxt middleware to express
  app.use(nuxt.render)

  // Listen the server
  app.listen(port, host)
  consola.ready({
    message: `Server listening on http://${host}:${port}`,
    badge: true
  })
}
start()

۲. تنظیم فایل nuxt.config.js

برای سازگار کردن فایل nuxt.config.js در صورتی که از package استفاده می‌کنید، باید آن‌را حذف نمایید.

برای نمونه قبل و بعد از انجام تغییر فایل nuxt.config.js به صورت زیر خواهد شد.

قبل از تغییر:

import pkg from './package'

export default {
... config
}

بعد از تغییر:

module.exports = {
... config
}

توجه نمایید که تمام موارد استفاده pkg نیز از داخل کانفیگ حذف شده باشد.

۳. تنظیم پروژه در cPanel

به این منظور می‌توانید تنظیمات را مطابق تصویر زیر انجام دهید:

پس از ساختن اپلیکیشن، برنامه شما روی آدرس مشخص شده در دسترس خواهد بود.