如何在nginx中设置2个项目网站[im using nuxt run diffent port]

utugiqy6  于 2023-04-20  发布在  Nginx
关注(0)|答案(2)|浏览(117)

这是我的结构文件夹

  • 瓦尔
  • 万维网
  • 超文本标记语言
  • 后台
  • 前端

我的项目在后台和前端
我使用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;
}

路径/是好的。问题是在我的/管理它变成白色屏幕
在nuxt当我npm运行build它会编译到.nuxt文件夹
当我运行/admin路径时,问题出现在这里它在端口3001上运行
我尝试通过检查元素我的js路径来调试

/_nuxt/921cc8ac0d041c1ae8a6.js

当我点击链接时

/* script not found */

问题出在这里,我想它运行端口是3000而不是3100,这就是为什么它不能读取/admin或3001端口中的任何CSS
我该怎么补救

4dc9hkyq

4dc9hkyq1#

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

router: {
  base: '/admin/'
}
0s7z1bwu

0s7z1bwu2#

对于Nuxt3,您可以配置app.baseURL或设置env变量NUXT_APP_BASE_URL
这是文件。

相关问题