面对在实时服务器上上传构建的问题

Question

我已经上传了我的角色制作版本。我错过了一些东西，但我不知道那是什么。

在build/index.html中，我在基本URL中设置了它。

<base href="http://0.0.0.0:3000/admin/">  // Instead of 0.0.0.0 I have set my EC2 instance's elastic ip address

我设置了/var/www/html/myapp/admin。在管理文件夹中听到角度构建就是这样。

我的节点服务器在/var/www/html/app.js

app.js

要允许所有管理面板页面，我已在app.js文件中添加此代码。

app.use('/', express.static('./admin'))

app.get('*', (req, res) => {
   res.sendfile('./admin/index.html')
})

Answer 1

使用app.use('/', express.static('./admin'))时，静态文件将在根目录中提供，例如http://0.0.0.0:3000/main.js，但由于base标记，它将尝试在http://0.0.0.0:3000/admin/main.js中查找资源。

要修复它，请更改静态文件的路径，如下所示：

app.use('/admin', express.static('./admin'));

另外，我不建议手动编辑base标记，您可以在build命令中设置基本URL，如下所示：

ng build --prod --base-href="http://0.0.0.0:3000/admin/"