如何将 Angular 2 应用程序部署为独立的(使用 dist 文件夹)

弗拉基米尔·德斯波托维奇

我已经完成了Angular 2应用程序的开发,需要部署它。我需要它独立工作。因此,我尝试将 dist 文件夹的内容移动到一个新的 apache 网站中,但路由机制由于某种原因不起作用,例如,当我尝试转到 /integrations 路由时出现 404 错误。在开发过程中,在 angular 2 服务器上,/integrations 工作并且 Angular 2 路由机制工作并显示组件没有问题。我需要独立的应用程序也能够使用不同的 URL/路径。有什么建议么?

萨米特·贾斯瓦尔

请按照以下步骤操作

第一步ng build --prod --env=prod

第 2 步(将dist复制到服务器)然后创建dist文件夹,复制dist文件夹并将其部署在服务器的根目录中。

第 3 步.htaccess在根文件夹中创建文件并将其粘贴到.htaccess

 <IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

将Angular2 TypeScript文件和JavaScript文件分离到不同的文件夹中,也许是“ dist”

如何将vue dist文件夹部署到GlassFish 5?

如何在Angular 6+中的本地计算机上运行Dist文件夹?

如何在“ ng build”后更改angular-cli中的dist文件夹路径

如何从Angular 2中的assets文件夹访问文件?

Angular 2 CLI-如何使用由angular-cli ng创建的/ dist文件夹文件

Gulp将Node应用程序的dist文件夹部署到Heroku

ng serve不再使用新的angular-cli webpack beta生成dist文件夹

如何使用angular-cli ng build命令创建的/ dist文件夹文件来创建可以自己运行的应用程序?

如何将CSS文件从源文件夹捆绑和复制到dist文件夹?

如何将节点应用程序的内容“构建”到名为“ dist”的文件夹中

将忽略的dist文件夹部署到GitHub Pages

如何使用VueJS将文件复制到根“ dist /”文件夹?

始终使用Destination上的WebDeploy删除Angular dist文件夹内容

如何使用Angular-Cli将部署过程创建到ZIP ./dist文件夹

使用Webpack将src文件夹结构保存到dist文件夹中?

如何在Angular中设置用于生产和测试的不同dist文件夹

在apache文件夹中部署angular应用程序

Nestjs:如何构建Nestjs应用并生成dist文件夹?

Angular dist文件夹(构建后)如何与多个项目一起使用

创建React应用程序-如何将pdf.worker.js文件从pdfjs-dist / build复制到项目的输出文件夹中?

Grunt Website Project-如何使用git部署或处理dist文件夹

如何压缩'dist'文件夹作为ember-cli应用程序的最终构建步骤

如何将Java Play框架Web应用程序dist zip文件部署到本地服务器

* ng对于将文件编译到dist文件夹时不使用templateUrl

Webpack / Angular 不将引导程序发送到 dist 文件夹

将 Angular dist 服务到 Tomcat 是将路由作为文件夹读取

如何将 angular 7 项目直接部署到我的网络服务器,以便我不应该在部署后总是迁移我的 dist 文件夹?

在 Visual Studio 2017 中使用 Web 部署发布 ASP.NET Core 2.1/Angular 应用程序不会将 ClientApp/dist 文件夹复制到主机