AdminBro 捆绑“没有这样的文件或目录”错误答案

【问题标题】：AdminBro bundles "No such file or directory" errorAdminBro 捆绑“没有这样的文件或目录”错误
【发布时间】：2021-08-23 02:54:55
【问题描述】：

我只是想用 NodeJS 和 Nginx 在我的 docker 容器上运行 AdminBro，我从 nginx 错误日志中收到以下错误：

2021/06/05 07:34:28 [error] 13187#13187: *24 open() "/home/aguero/lasfar/website/admin/frontend/assets/global.bundle.js" failed (2: No such file or directory), client: 172.17.0.1, server: , request: "GET /admin/frontend/assets/global.bundle.js HTTP/1.1", host: "0.0.0.0:8080", referrer: "http://0.0.0.0:8080/admin"
2021/06/05 07:34:28 [error] 13187#13187: *24 open() "/home/aguero/lasfar/website/admin/frontend/assets/app.bundle.js" failed (2: No such file or directory), client: 172.17.0.1, server: , request: "GET /admin/frontend/assets/app.bundle.js HTTP/1.1", host: "0.0.0.0:8080", referrer: "http://0.0.0.0:8080/admin"
2021/06/05 07:34:28 [error] 13187#13187: *26 open() "/home/aguero/lasfar/website/admin/frontend/assets/design-system.bundle.js" failed (2: No such file or directory), client: 172.17.0.1, server: , request: "GET /admin/frontend/assets/design-system.bundle.js HTTP/1.1", host: "0.0.0.0:8080", referrer: "http://0.0.0.0:8080/admin"
2021/06/05 07:34:28 [error] 13187#13187: *26 open() "/home/aguero/lasfar/website/admin/frontend/assets/components.bundle.js" failed (2: No such file or directory), client: 172.17.0.1, server: , request: "GET /admin/frontend/assets/components.bundle.js HTTP/1.1", host: "0.0.0.0:8080", referrer: "http://0.0.0.0:8080/admin"

网页没有显示任何错误，而是空白。

admin.js：

// ============================================
// Admin Bro
const AdminBro = require('admin-bro')
const AdminBroExpress = require('@admin-bro/express')

const adminBro = new AdminBro({
  databases: [],
  rootPath: '/admin',
})
adminBro.watch()

const router = AdminBroExpress.buildRouter(adminBro)

// ============================================
// Server
const express = require("express");
const server = express();

server
  .use(adminBro.options.rootPath, router)
  .listen(3000, () => console.log("Server started"));

admin.js 在 /home/aguero/lasfar/website/nodejs 下

nginx.conf：

user  aguero;
worker_processes  1;
error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;
events {
    worker_connections  1024;
}
http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';
    access_log  /var/log/nginx/access.log  main;
    server {
        listen 0.0.0.0:80 default_server;

        location /admin {
            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;
        }

    } 
    sendfile        on;
    keepalive_timeout  65;
}

nginx.conf 文件中有更多位置，但它们位于完全不同的路径中，因此为简单起见，我将它们删除。
我使用 setup_16.x 脚本和 APT 安装了 NodeJS。软件包的安装方式：

npm install tslib
npm i admin-bro @admin-bro/express express express-formidable

我正在将容器的 80 端口映射到主机的 8080 端口。
知道为什么会出现这些错误吗？如有需要，我可以提供更多信息。

【问题讨论】：

标签： node.js nginx admin-bro

【解决方案1】：

对我来说，ngnix.config 中 proxy_pass 中的正斜杠 (/) 导致了这个错误。假设您的 express 应用程序在端口 8000 上运行，并且 adminBro/adminJs 可由 8000/admin 访问

location ^~ /admin/ {
   proxy_pass http://localhost:8000/admin/;
}

【讨论】：