Module not working in production after deploying

[vserdobintsev]

When I run the project locally in dev or prod mode, everything works. But after I deploy it on a remote server, the module does not work.

The same problem caught up with me when using the @nuxtjs/sitemap module. But you can still survive this.

[danielroe]

Would you provide a reproduction? How is your site deployed? Might it be in your buildModules or devDependencies?

[vserdobintsev]

The web server is configured in this way: nginx proxies requests to localhost:3000, where the project is deployed using pm2.
I use skeleton Nuxt and Laravel: https://github.com/cretueusebiu/laravel-nuxt

nuxt.config.js

I will shorten the code of my nuxt.config.js to make it easier to learn.

`
import path from 'path'
import fs from 'fs'
import CopyWebpackPlugin from 'copy-webpack-plugin'

require('dotenv').config()
const { join } = require('path')

module.exports = {
ssr: true,

srcDir: __dirname,

server: {
https: {
key: fs.readFileSync(path.resolve(__dirname, 'domain.key')),
cert: fs.readFileSync(path.resolve(__dirname, 'domain.crt'))
}
},
env: {
// ...
},
head: {
htmlAttrs: {
// ...
},
meta: [
// ...
],
script: [
// ...
],
link: [
// ---- favicons ----
{ rel: 'shortcut icon', sizes: '32x32', type: 'image/x-icon', href: '/_nuxt/meta/icons/favicon.ico' },
]
},
plugins: [
'~components/global',
'~plugins/i18n',
'~plugins/fontawesome',
'~plugins/axios',
'~plugins/nuxt-client-init',
'~plugins/vue-burger',
'@plugins/v-mask.js',
'~plugins/pages-core',
{ src: '~plugins/vue-ymaps', mode: 'client' }
],
sitemap: {
gzip: true,
cacheTime: 1000 * 60 * 60 * 24,
defaults: {
lastmod: process.env.SITEMAP_LASTMOD,
changefreq: 'weekly'
},
async routes () {
const routes = (await import('./utils/routes/routes')).default
const result = []
for (let index = 0; index < routes.length - 1; index++) {
const route = routes[index]
if ('children' in route) {
for (let childIndex = 0; childIndex < route.children.length; childIndex++) {
const child = route.children[childIndex]
result.push(child.name.replace('.', '/').replace('index', ''))
}
continue
}
result.push(route.path)
}
return result
}
},
redirect: [
{
from: '^/service/(.*)$',
to: '/services/$1',
statusCode: 301
},
...require('./config/redirects.json')
],
modules: [
'@nuxtjs/router',
'vue-sweetalert2/nuxt',
'@nuxtjs/style-resources',
'@nuxtjs/axios',
['@nuxtjs/html-minifier', { log: 'once', logHtml: true }],
['@naumstory/nuxtjs-yandex-metrika', {
id: process.env.YANDEX_METRIKA_ID,
webvisor: true,
clickmap: true,
trackLinks: true,
accurateTrackBounce: true
}],
'@nuxtjs/sitemap',
'@nuxtjs/robots',
'@nuxtjs/redirect-module'
],
build: {
extractCSS: true,
plugins: [
new CopyWebpackPlugin([
{ from: './client/static/meta', to: './meta' }
])
]
},
buildModules: [
['@nuxtjs/vuetify', {
theme: { disable: true },
treeShake: true,
defaultAssets: false,
icons: {
iconfont: 'md'
}
}]
]
}
`

dependencies and devDependencies

{
"dependencies": {
"@fortawesome/fontawesome-free": "^5.15.2",
"@fortawesome/fontawesome-svg-core": "^1.2.34",
"@fortawesome/free-brands-svg-icons": "^5.15.2",
"@fortawesome/free-regular-svg-icons": "^5.15.2",
"@fortawesome/free-solid-svg-icons": "^5.15.2",
"@fortawesome/vue-fontawesome": "^2.0.2",
"@naumstory/nuxtjs-yandex-metrika": "^1.0.5",
"@nuxtjs/axios": "^5.13.1",
"@nuxtjs/html-minifier": "^0.1.2",
"@nuxtjs/redirect-module": "^0.3.1",
"@nuxtjs/robots": "^2.5.0",
"@nuxtjs/router": "^1.5.0",
"@nuxtjs/sitemap": "^2.4.0",
"axios": "^0.21.1",
"copy-webpack-plugin": "github:webpack-contrib/copy-webpack-plugin#v5",
"cssnano": "^4.1.10",
"dotenv": "^8.2.0",
"fs": "^0.0.1-security",
"js-cookie": "^2.2.1",
"json-loader": "^0.5.7",
"lunr": "^2.3.9",
"nuxt": "^2.15.7",
"pexels": "^1.0.1",
"sweetalert2": "^10.14.0",
"typescript": "^4.1.3",
"v-mask": "^2.2.4",
"vform": "^1.0.1",
"vue": "^2.6.14",
"vue-burger": "^1.1.0",
"vue-i18n": "^8.22.4",
"vue-server-renderer": "^2.6.14",
"vue-sweetalert2": "^4.2.0",
"vue-yandex-maps": "^0.10.12"
},
"devDependencies": {
"@babel/eslint-parser": "^7.12.13",
"@nuxtjs/eslint-config": "^5.0.0",
"@nuxtjs/style-resources": "^1.0.0",
"@nuxtjs/vuetify": "^1.11.3",
"eslint": "^7.19.0",
"fs-extra": "^9.1.0",
"node-sass": "^5.0.0",
"postcss-combine-media-query": "^1.0.1",
"sass-loader": "^10.1.1"
}
}

nginx conf file

upstream pm2_my_domain {
server 127.0.0.1:3000;

}

server {
listen 80;
server_name my-domain.com;
rewrite ^ https://$host$request_uri permanent;
}

server {
listen 80;
server_name www.my-domain.com;
rewrite ^ https://$host$request_uri permanent;
}

server {
listen 443 ssl http2;
server_name my-domain.com;
root /var/www/project/;
index index.php index.html index.htm;
access_log /var/www/logs/ssl-access.log main;
error_log /var/www/logs/ssl-error.log;

keepalive_timeout		60;
ssl_certificate		/etc/letsencrypt/live/my-domain.com/fullchain.pem;
ssl_certificate_key		/etc/letsencrypt/live/my-domain.com/privkey.pem;
ssl_protocols 		TLSv1 TLSv1.1 TLSv1.2;
ssl_ciphers '-------------SOME DATA----------------';
ssl_dhparam 		/etc/ssl/certs/dhparam.pem;
add_header			Strict-Transport-Security 'max-age=604800';

gzip on;
gzip_http_version 1.0;
gzip_comp_level 2;
gzip_min_length 1100;
gzip_buffers     4 8k;
gzip_proxied any;
gzip_types
# text/html is always compressed by HttpGzipModule
text/css
text/javascript
text/xml
text/plain
text/x-component
application/javascript
application/json
application/xml
application/rss+xml
font/truetype
font/opentype
application/vnd.ms-fontobject
image/svg+xml;

gzip_static on;

gzip_proxied        expired no-cache no-store private auth;
gzip_disable        "MSIE [1-6]\.";
gzip_vary           on;

location ~ /\.ht {
deny all;
}
location ^~ /content {
alias /var/www/project/public/content/;
expires 30d;
}
location = /robots.txt {
alias /var/www/project/public/robots.txt;
}
location = /sitemap.xml {
alias /var/www/project/public/sitemap.xml;
}
location /phpmyadmin {
  alias /usr/share/phpMyAdmin/;
  location ~ \.php$ {
    fastcgi_pass unix:/var/run/php-fpm/php-fpm.sock;
    fastcgi_index index.php;
    fastcgi_param SCRIPT_FILENAME $request_filename;
    include fastcgi_params;
    fastcgi_ignore_client_abort off;    
  }
  location ~* \.(js|css|png|jpg|jpeg|gif|ico)$ {
    access_log    off;
    log_not_found    off;
    expires 1M;
  }
}
location / {
# Force index.php routing (if not found)
# try_files $uri $uri/ /index.php?$query_string;

# Force index.php routing (all requests)
# rewrite ^/(.*)$ /index.php?/$1 last;

# limit_conn   addr 16;
# limit_req    zone=flood        burst=32 nodelay;

# add_header   X-Frame-Options   'SAMEORIGIN' always;
# add_header   Referrer-Policy   'no-referrer-when-downgrade' always;

# CSP syntax: <host-source> <scheme-source>(http: https: data: mediastream: blob: filesystem:) 'self' 'unsafe-inline' 'unsafe-eval' 'none'
# Content-Security-Policy-Report-Only (report-uri https://site.com/csp/)
# add_header   Content-Security-Policy  "default-src 'self'; connect-src 'self'; font-src 'self'; frame-src 'self'; img-src 'self'; manifest-src 'self'; media-src 'self'; object-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; base-uri 'none'; form-action 'self'; frame-ancestors 'self'; upgrade-insecure-requests" always;


proxy_set_header          Host $host;
proxy_set_header          X-Forwarded-For $http_x_forwarded_for;
proxy_set_header          X-Real-IP $remote_addr;
proxy_set_header          X-Forwarded-Proto $scheme;
proxy_http_version        1.1;
proxy_set_header          Upgrade $http_upgrade;
proxy_set_header          Connection 'upgrade';
proxy_cache_bypass        $http_upgrade;
proxy_pass                http://pm2_my_domain;
}

location /_nuxt/ {
    alias /var/www/project/.nuxt/dist/client/;
}

location ~* ^.+.(jpg|jpeg|gif|css|png|js|ico|txt|srt|swf|woff|woff2|svg)$ {
    rewrite ^/_nuxt(/.*) $1 break;
    root /var/www/project/.nuxt/dist/client/;
    expires 30d;
}
location ~* ^.+.(js|css|png|jpg|jpeg|gif|ico|woff)$ {
access_log off;
expires max;
}

location /api/ {
fastcgi_pass   unix:/var/run/php-fpm/php-fpm.sock;
fastcgi_param SCRIPT_FILENAME /var/www/project/public/index.php;
fastcgi_param QUERY_STRING $query_string;
fastcgi_param REQUEST_METHOD $request_method;
fastcgi_param CONTENT_TYPE $content_type;
fastcgi_param CONTENT_LENGTH $content_length;
include fastcgi_params;
fastcgi_param HTTPS on;
}

location = /favicon.ico {
log_not_found off;
access_log off;
}

}

server {
listen 443 ssl http2;
server_name www.my-domain.com;
rewrite ^ https://my-domain.com$request_uri? permanent;
}

[vserdobintsev]

@danielroe, I found your comments on this topic here nuxt/nuxt#9158 (comment) and here nuxt/nuxt#8230 (comment).
What do you recommend? Is there any sample code that can be written to start middleware in production mode deployed on the server?

[Xyeut]

Hey! did you ever fix this?

[vserdobintsev]

Hey! did you ever fix this?

As far as I remember, I did not find a solution