Angular前端项目在Apache httpd服务器上的部署_apache如何部署angular pwa打包

作者：IT小白 | 2024-05-23 12:11:56

踩

apache如何部署angular pwa打包

Apache Httpd和Tomcat主要区别：Tomcat是一个Java Servlet容器，用于运行Java Servlet和JavaServer Pages（JSP），而Apache HTTP服务器是一个通用的Web服务器，用于提供静态和动态内容。

Apache httpd安装，yum安装和源代码安装

yum安装，安装简单，最新版本，本文用的yum安装。

源代码安装，可以安装任何版本，配置灵活性比较高，但是安装麻烦。

Yum安装Apache httpd服务器


安装Apache服务
# yum install -y http
 
关闭防火墙
# systemctl stop firewalld
 
启动Apache服务
# systemctl restart httpd
 
开机自动启动
# systemctl enable httpd
 
查看httpd状态
# systemctl status httpd
 
访问Apche httpd
# curl IP地址
<html><body><h1>It works!</h1></body></html>

部署Angular项目


新建用户
# useradd angular
# passwd angular
 
# cd /home/angular
# mkdir public_html
 
ng build编译生成的文件上传到public_html目录
# cd /home/angular/public_html
# ll
drwxrwxr-x. 2 angular angular     22 May 14 14:16 assets
-rw-rw-r--. 1 angular angular  15086 May 14 14:16 favicon.ico
-rw-rw-r--. 1 angular angular   4435 May 14 14:16 index.html
-rw-rw-r--. 1 angular angular 202719 May 14 14:16 main-FWSPFSK5.js
-rw-rw-r--. 1 angular angular  34037 May 14 14:16 polyfills-S3BTP7ME.js
-rw-rw-r--. 1 angular angular      0 May 14 14:16 styles-5INURTSO.css
 
修改目录权限
# chmod -R 755 /home/angular
 
修改配置文件
# vi /etc/httpd/conf.d/userdir.conf
UserDir enable 改为开启
UserDir public_html 去注释
 
重启服务
# systemctl restart httpd

浏览器访问：http://IP地址/~angular

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/612781