Deploy nuxt application on a nginx VPS server running ubuntu

Question

I am trying to deploy a nuxt blog to a virtual private server that runs nginx. The blog is supposed to be accessible when I browse to https://exampledomain.com/articles

I have managed to run npm run dev on the server successifully... The app is running on localhost:3000 on the server....

I need to set a reverse proxy on the server to redirect all requests from https://exampledomain.com/articles/ to localhost:3000

I have tried this twice and its failing.... When I browse https://exampledomain.com:3000 the app is loading forever.... when I go to https://exampledomain.com/articles it says "Page not working", or "Internal server error"

Kindly assist

i have wrote an blog about it: blogxon.com/articles/how-to-deploy-nuxt-on-a-vps — Ilijanovic
– Ilijanovic, Commented Oct 27, 2020 at 13:55

zernonia · Accepted Answer · 2020-08-31 15:43:08Z

1

This could be happening due to incorrect configuration.

Try sudo nano /etc/nginx/sites-available/your-domain.com

Remember to change the your-domain.com to your desire domain

server {
    listen 80;
    listen [::]:80;
    index index.html;
    server_name your-domain.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;
    }
}

answered Aug 31, 2020 at 15:43

zernonia

1881 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Deploy nuxt application on a nginx VPS server running ubuntu

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related