Tengo una aplicación Vue.js y una API REST que estoy alojando con nginx. En / URL raíz solo hay una página index.html simple. /api/ tiene un servidor REST y /app tiene la aplicación vue.js

Mis configuraciones son..

 server { listen 80; listen 443 ssl; server_name _; root /usr/share/backend; ssl_certificate /etc/nginx/ssl/server.crt; ssl_certificate_key /etc/nginx/ssl/server.key; location / { index index.html; } location /api/ { proxy_set_header X-Forwarded-For $remote_addr; proxy_set_header Host $http_host; proxy_pass http://localhost:8080/; } location /app { alias /usr/lib/App/; try_files /index.html /friendly_404; } location /friendly_404 { return 404 "Sorry, that file could not be found."; } error_log /var/log/nginx/vue-app-error.log; access_log /var/log/nginx/vue-app-access.log; }

Mi servidor /api/ funciona sin ningún problema, pero vue.js /app no funciona y en mi navegador me da varios errores como este a continuación.

OBTENGA http://192.168.0.1/js/chunk-d9925106.16c4e8be.js net::ERR_ABORTED 404 (No encontrado)

La configuración de Vue.js es...

 module.exports = { // ...other vue-cli plugin options... publicPath: '/app/', configureWebpack: { plugins: [ ] }, productionSourceMap: false, }

¿Qué estoy haciendo mal aquí?