Nginx ile Nuxt.js Uygulaması Yapılandırma

Aşağıda Nginx'in nasıl yapılandırılacağını gösteren örnek bir konfigürasyon yer almaktadır. Bu konfigürasyon, Nuxt.js uygulamanızı localhost:3000 üzerinden çalıştırdığınızı varsayıyor.

server {
    listen 80;
    server_name yourdomain.com; 

    location / {
        proxy_pass http://localhost:3000;  
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
}

• server: Bu bölüm, sunucu yapılandırmasını tanımlar. listen direktifi, Nginx'in hangi portu dinleyeceğini belirtir.
• server_name: Alan adınızı tanımlar. Bu, Nginx'in hangi isteklere yanıt vereceğini belirlemesine yardımcı olur.
• location /: Bu, tüm gelen isteklerin yönlendirilmesini tanımlar.
• proxy_pass: Gelen istekleri http://localhost:3000 adresine yönlendirir. Bu, Nuxt.js uygulamanızın çalıştığı yer.
• proxy_http_version: HTTP/1.1 protokolünü kullanmak için ayarlanmıştır. WebSocket gibi özellikler için gereklidir.
• proxy_set_header: Bu direktifler, gelen istekteki başlıkları ayarlamak için kullanılır. WebSocket güncellemeleri gibi bazı özelliklerin düzgün çalışması için gereklidir.
• proxy_cache_bypass: Önbellek geçişini sağlar, böylece WebSocket güncellemeleri gibi dinamik içerikler her zaman güncel kalır.

Nuxt.js Uygulamasını Başlatma

Nuxt.js uygulamanızı başlatmak için, projenizin kök dizininde şu komutu kullanabilirsiniz:

npm run start

Bu komut, Nuxt.js uygulamanızı belirtilen portta (3000) başlatacaktır.