版权声明:本文为博主原创文章,未经博主允许不得转载。 /qq_/article/details/
版权声明:本文为博主原创文章,转载请注明出处 /t/article/details/
最近使用Angular
做了第一个应用,但是网上的教程大多是教如何开发,部署相对较少,所以这里就简单记录一下如何在nginx
中部署Angular
应用。
注:
Angular
应用可以编译成静态页面,然后部署在任何 web 服务器上,这里仅仅是选择nginx
而已,同时编译后的文件其实就仅仅是静态文件而已,与其它 html 文件本质上无异。
在项目主目录下输入以下命令:
成功则输入类似于下面的信息:
并生成了新的目录dist
及其下的子文件/目录,此时则成功将应用编译成静态资源。
原则上,您可以将这些资源拷贝到任何项目中,比如
JavaWeb
、NodeJs
等项目中,它们同样的可以运行。
拷贝项目编译后的dist
目录下的所有文件到服务器上,比如拷贝至/usr/local/web/home
这里同时修改了404
错误的跳转路径,是为了防止直接访问路由地址时出现404错误,文件全信息如下(端口被修改):