网站部署2——尝试在CentOS上通过apache部署静态html页面

了解Apache

apache支持静态页,tomcat支持动态的,比如servlet等,

一般使用apache+tomcat的话,apache只是作为一个转发,对jsp的处理是由tomcat来处理的。

apache可以支持php/cgi/perl,但是要使用java的话,你需要tomcat在apache后台支撑,将java请求由apache转发给tomcat处理。

apache是web服务器,Tomcat是应用(java)服务器,它只是一个servlet(jsp也翻译成servlet)容器,可以认为是apache的扩展,但是可以独立于apache运行。

这两个有以下几点可以比较的:
1、两者都是apache组织开发的
2、两者都有HTTP服务的功能
3、两者都是免费的

不同点:
Apache是专门用了提供HTTP服务的,以及相关配置的(例如虚拟主机、URL转发等等)
Tomcat是Apache组织在符合J2EE的JSP、Servlet标准下开发的一个JSP服务器

以上资料来源于此

1.数据库环境配置

轻量级服务器已经安装mysql
数据库的命令都放在/usr/local/mysql/bin/mysql/ 目录下

想要在根目录下执行命令,需要将该目录映射到根目录

ln /usr/local/mysql/bin/mysql /usr/bin

运行数据库

mysql -u用户名 -p密码

在这里插入图片描述

2.将HTML复制到服务器

1.使用Xshell远程控制

2.上传文件到服务器

rz

下载文件使用命令:

sz filename 

如果使用时显示command not found,这时就要安装lrzsz

yum -y install lrzsz

将html模板压缩成zip,通过rz上传到服务器,
将zip解压到当前目录

unzip html.zip 

查看centos的env.txt文件,可知该系统的应用程序都安装在了/usr/local/目录下,所以将该html模板下载到此目录。
由于html网站模板是静态资源,且不需要运行环境,直接打开就可以浏览,所以将模板复制到默认目录上就行。

在apache运行html项目

如果需要在apache上运行html项目,则需要将html模板放到服务器的默认访问目录。

查资料发现默认目录由apache的配置文件httpd.conf来定义。

有些系统上有两个配置文件:

1./etc/httpd/conf/httpd.conf   系统自带的配置文件
2./usr/local/apache2/conf/httpd.conf   手动安装apache下载的。

修改DocumentRoot这个位置的目录为自己项目的目录,或者将项目复制到这个目录下。
在这里插入图片描述
将项目复制到这个目录下。

mv [选项]  源文件或目录  目标文件或目录

重启apach

systemctl restart httpd

访问时,网站ip后添加此模板的文件名:如***·***·***/http/,就可以访问这个模板。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在 CentOS 9 上配置 Apache 2 并部署 Vue 项目,您需要按照以下步骤进行操作: 1. 安装 Apache 2: ``` sudo dnf install httpd ``` 2. 启动 Apache 服务并设置开机自启动: ``` sudo systemctl start httpd sudo systemctl enable httpd ``` 3. 配置防火墙允许 HTTP 流量通过: ``` sudo firewall-cmd --permanent --add-service=http sudo firewall-cmd --reload ``` 4. 在 Apache 配置中创建一个虚拟主机文件来指向您的 Vue 项目。假设您的项目位于 `/var/www/html/my-vue-app` 目录下,创建一个名为 `my-vue-app.conf` 的虚拟主机配置文件: ``` sudo nano /etc/httpd/conf.d/my-vue-app.conf ``` 5. 在 `my-vue-app.conf` 文件中添加以下内容: ```apache <VirtualHost *:80> ServerAdmin [email protected] DocumentRoot "/var/www/html/my-vue-app/dist" ServerName your-domain.com <Directory "/var/www/html/my-vue-app/dist"> Options Indexes FollowSymLinks MultiViews AllowOverride All Require all granted </Directory> ErrorLog /var/log/httpd/my-vue-app-error.log CustomLog /var/log/httpd/my-vue-app-access.log combined </VirtualHost> ``` 确保将 `your-domain.com` 替换为您的域名或服务器 IP 地址。 6. 保存并关闭文件。 7. 重新加载 Apache 配置: ``` sudo systemctl reload httpd ``` 8. 现在,您的 Vue 项目应该已经部署Apache 2 上了。您可以通过访问服务器的 IP 地址或域名来查看您的 Vue 应用程序。 请注意,以上步骤假设您的 Vue 项目已经构建并生成了静态文件,将这些文件放在 `/var/www/html/my-vue-app/dist` 目录下。如果您的项目尚未构建,请先进行构建,然后将生成的文件放置在适当的目录中。 希望这可以帮助到您!如有任何问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值