javascript - 如何在 nginx 中设置 2 个项目网站 [我正在使用 nuxt 运行不同的端口]

Question

这是我的结构文件夹

• 变量

  • www

    • html

      • 后台

      • 前端

我的项目在后台和前端

我使用 pm2 启动我的服务器端口 3000、3100

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;
}

location /admin {
     proxy_pass http://localhost:3001/admin;
     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;
}

路径/很好。问题出在我的/admin 变成白屏了

在 nuxt 中，当我运行 npm build 时，它将编译到 .nuxt 文件夹中

当我运行/admin path 时问题就在这里 它运行在端口 3001

我尝试通过检查元素我的 js 路径来调试

/_nuxt/921cc8ac0d041c1ae8a6.js

当我点击链接时，它是

/* script not found */

问题出在这里，我认为它运行端口 3000 而不是 3100，这就是为什么它无法读取/admin 或 3001 端口中的任何 Css 的原因

我该如何解决这个问题

Answer 1

我需要将它添加到我的 nuxt.config.js 中

router: {
  base: '/admin/'
}