Nuxt.js: Use nginx do reverse proxy, js file path all can't find it, how to solve?

[wsdo]

Use nginx do reverse proxy, js file path all can't find it, how to solve?

[pi0]

Hi. Would you please share virtual host config used for reverse proxy? Nuxt is working for us behind multiply reverse proxies ...

[wsdo]

nginx config

upstream shudong {
       server 127.0.0.1:3000;
}

server{
        listen 80;
        #listen [::]:80;
        server_name shudong.wang;
        index index.html index.htm index.php default.html default.htm default.php;
        #root  /home/wwwroot/shudong.wang/.nuxt/;

        #include other.conf;
        #error_page   404   /404.html;
        #include enable-php.conf;

        location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
        {
            expires      30d;
        }

        location / {
                proxy_set_header X-Real-Ip $remote_addr;
                proxy_set_header X-Forward-For $proxy_add_x_forwarded_for;
                proxy_set_header X-Nginx-Proxy true;
                proxy_set_header Upgrade $http_upgrade;
                proxy_set_header Connection 'upgrade';
                proxy_set_header Host $host;
                proxy_cache_bypass $http_upgrade;
                proxy_pass http://shudong;
                proxy_redirect off;
                #try_files $uri $uri/ /index.html;
                #if (-f $request_filename/index.html){
                #        rewrite (.*) $1/index.html break;
                #}
                #if (-f $request_filename/index.php){
                #        rewrite (.*) $1/index.php;
                #}
                #if (!-f $request_filename){
                #rewrite (.*) /index.php;
                #}
        }

        location ~ .*\.(js|css)?$
        {
            expires      12h;
        }

        location ~ /\.
        {
            deny all;
        }

        access_log  /home/wwwlogs/shudong.wang.log;
    }

[pi0]

root /home/wwwroot/shudong.wang/.nuxt/;

Why this line is commented out? If using nuxt generate you have to serve /home/wwwroot/shudong.wang/dist directory instead.

[wsdo]

@pi0 I use the NPM run build;NPM start;Launched the port 3000, intends to use the reverse proxy, nginx configuration above, use access http://shudong.wang:3000 or 120.27.245.209:3000 no problem, following a visit to the agent address in file path not found, expect to have a correct reverse proxy configuration

[wsdo]

Don't use nuxt generate, use npm build; npm start or pm2 ./build/main.js ； then nginx proxy There is a problem

[pi0]

        location ~ .*\.(js|css)?$
        {
            expires      12h;
        }

Can you disable this line? (Nuxt already sets appreciate cache headers)

[wsdo]

Now I try it on

[wsdo]

Is studied for a week, didn't I think of this problem, now problem solved, thank you very much!!!!!!

[pi0]

Your welcome. Problem is that nginx matches closest location and in this case it skipped proxy pass in location /.

[darbaoui]

@wsdo any suggestion i have the same issue https://github.com/nuxt/nuxtjs.org/issues/42

[jhonathas]

@pi0 you saved me.

[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.