Apache2域名解析,以及Apache2解析域名到www目录下的项目文件夹最简单的方法

2 篇文章 0 订阅
1 篇文章 0 订阅

Apache2域名解析,以及Apache2解析域名到www目录下的项目文件夹最简单的方法

先讲清楚我到底想解决什么问题,首先想要给自己服务器下的某个网站解析一个域名,但是考虑到一台服务器下只跑一个项目太浪费资源。于是需要解析域名到www目录下的项目文件夹。话不多说,直奔主题。

首先,需要解析一个域名。(以阿里云为例)

1,打开控制台。
在这里插入图片描述
2、开始域名解析。
在这里插入图片描述
记录类型:一般情况下基本会选择A。(A: 将域名指向服务器IPV4地址)想了解其他记录类型可以查阅资料。

主机记录:可以选择自己需要的记录,在这里我们以@和www主机记录为例子:

@:例如:直接在浏览器输入注册的域名,比如csdn.net,就可以跳转到csdn的首页。
www:例如:需要在注册的域名前加上www.,在浏览器需要输入www.csdn.net,就可以跳转到csdn的首页。

解析线路:一般填写默认就好。
记录值:在A记录类型下,记录值为服务器的IPV4地址。
TTL:一般10分钟就可以。
如果想了解,其他具体内容,可以自己查阅资料。
域名解析好之后,在浏览器输入域名,浏览器就会显示apache2 www目录下的内容。

域名解析好之后,给大家介绍Apache2解析域名到www目录下的项目文件夹最简单的方法

远程连接到服务器,windos用户推荐使用SecureCRT来远程连接到linux服务器(我的博客内有8.5版本的SecureCRT免费资源供大家学习使用,如果需要可以去看看),修改文件推荐使用WinSCP,因为这个软件可以避免对vim操作不熟练的新手损坏文件内的数据(这个软件是免费的直接下载使用就好)。

接下来进入重点内容:
1、远程连接服务器。
2、切换到apache2的配置文件所在目录。

cd /etc/apache2/

在这里插入图片描述
一般情况下配置文件的文件名为:httpd.conf
在新版本的apache2中配置文件的文件名为:apache2.conf
3、用vim 或者WinSCP来编辑配置文件。
这里以最简单的编辑方式WinS C P为例:(双击打开配置文件,在文件的最底部添加下列代码)
我的域名有两个解析,一个主机记录为@,另一个为www,所以我的配置文件中写了下边两个的绑定。

ServerName localhost  

<VirtualHost *:80>  
  
ServerName hiddenspace.online   //解析域名,主机记录为@,将这里我的域名替换为你自己的域名
DocumentRoot /var/www/html/main-master/client/        //将这里的文件夹路径改为你的项目文件夹路径
  
</VirtualHost> 
 
<VirtualHost *:80>  
  
ServerName www.hiddenspace.online  //解析域名,主机记录为www,将这里我的域名替换为你自己的域名
DocumentRoot /var/www/html/main-master/client/          //将这里的文件夹路径改为你的项目文件夹路径
  
</VirtualHost>  

在这里插入图片描述
改好后,保存。
4、重启apache2服务。
在远程操作的终端中输入service apache2 restart
5、没有问题的话,就可以打开浏览器,现在输入你的域名应该就可以直接进入到你的项目文件夹下。

如果有问题,可以在评论区留言,欢迎讨论。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 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、付费专栏及课程。

余额充值