要解决这个问题，你可以使用Angular Universal的预渲染功能来生成静态HTML文件，然后在服务器上直接提供这些HTML文件。这样，用户只需要通过/index.html文件来打开应用，而不需要依赖Angular的客户端渲染。

以下是一个简单的示例，展示如何使用Angular Universal的预渲染功能：

1. 首先，确保你已经安装了Angular Universal的相关依赖。你可以通过运行以下命令来安装它们：

ng add @nguniversal/express-engine

2. 接下来，在你的Angular项目中创建一个预渲染脚本文件。你可以创建一个名为prerender.js的文件，并在其中添加以下代码：

const { renderModule } = require('@angular/platform-server');
const { AppServerModule } = require('./dist/your-app-server/main');

renderModule(AppServerModule).then(html => {
  const fs = require('fs');
  fs.writeFileSync('./dist/index.html', html);
  console.log('Prerendering complete!');
});

3. 然后，你需要更新你的package.json文件的scripts部分，以便在构建应用之后运行预渲染脚本。将下面的代码添加到scripts部分：

"prerender": "ng build --prod && node prerender.js"

4. 最后，运行以下命令来构建并预渲染你的应用：

npm run prerender

这将在dist文件夹中生成一个预渲染的index.html文件。你可以将这个文件部署到你的服务器上，并通过访问/index.html来打开你的Angular应用。

请注意，这只是一个简单的示例，实际中你可能需要根据你的项目结构和需求进行适当的修改。