利用docker中的nginx镜像部署angular项目

1、进入angular项目下的src文件加下：在命令行中执行:ng build --prod --aot

2、将生成的dist文件，通过Xftp传到服务器中

3、修改权限

4、进入到dist文件夹下的t-app文件夹下，执行dockers run命令

5、这样部署完之后，因为没有在angular项目中添加一些配置，导致刷新的时候出现404错误

解决方法：

在app.module.ts中

1、引入import { HashLocationStrategy,LocationStrategy } from "@angular/common";

2、注入：providers: [{provide:LocationStrategy, useClass: HashLocationStrategy}]

如果觉得《利用docker中的nginx镜像部署angular项目》对你有帮助，请点赞、收藏，并留下你的观点哦！