如何在nginx中建立2个项目网站[im使用nuxt运行不同的端口]

Question

这是我的结构文件夹

• 变量

  • 万维网

    • .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上，它变成了白屏

当我在 npm 运行构建时在 nuxt 中，它将编译为 .nuxt 文件夹

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

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

/_nuxt/921cc8ac0d041c1ae8a6.js

当我点击链接时，它是

/* script not found */

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

我该如何解决这个问题

Answer 1

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

router: {
base: '/admin/'
}

Answer 2

至于Nuxt3，您可以配置app.baseURL或设置env变量NUXT_APP_BASE_URL。

这里是文档。