📌  相关文章
📜  如何在 localhost linux ubuntu xampp 上设置域名 - Html (1)

📅  最后修改于: 2023-12-03 15:08:42.486000             🧑  作者: Mango

如何在 localhost linux ubuntu xampp 上设置域名 - Html

当我们开发网站时,通常需要在本地环境进行测试,而在 localhost 上使用 IP 地址访问不够方便,我们更希望使用自定义的域名来访问网站。本文将介绍如何在 localhost linux ubuntu xampp 上设置自定义域名。

步骤
1. 修改 hosts 文件

打开终端,输入以下命令:

sudo nano /etc/hosts

在文件末尾添加以下内容:

127.0.0.1 yourdomain.com

其中,yourdomain.com 可以替换为你想要使用的任何域名。

2. 配置 Apache

2.1. 修改 httpd.conf 文件

打开终端,输入以下命令:

sudo nano /opt/lampp/etc/httpd.conf

找到以下代码:

Listen 80

在该代码下面添加以下代码:

NameVirtualHost *:80

<VirtualHost *:80>
   ServerName yourdomain.com
   ServerAlias www.yourdomain.com
   DocumentRoot /opt/lampp/htdocs/yourdomain
   <Directory "/opt/lampp/htdocs/yourdomain">
      Options Indexes FollowSymLinks Includes ExecCGI
      AllowOverride All
      Require all granted
   </Directory>
</VirtualHost>

其中,yourdomain.com 和 www.yourdomain.com 都需要替换成你想要使用的域名,/opt/lampp/htdocs/yourdomain 是你的项目根目录。

2.2. 修改 httpd-vhosts.conf 文件

打开终端,输入以下命令:

sudo nano /opt/lampp/etc/extra/httpd-vhosts.conf

添加以下代码:

<VirtualHost *:80>
   ServerAdmin webmaster@yourdomain.com
   DocumentRoot "/opt/lampp/htdocs/yourdomain"
   ServerName yourdomain.com
   ServerAlias www.yourdomain.com
   ErrorLog "logs/yourdomain.com-error_log"
   CustomLog "logs/yourdomain.com-access_log" common
   <Directory "/opt/lampp/htdocs/yourdomain">
        Options Indexes FollowSymLinks Includes ExecCGI
        AllowOverride All
        Require all granted
   </Directory>
</VirtualHost>

同样,yourdomain.com 和 www.yourdomain.com 都需要替换成你想要使用的域名,/opt/lampp/htdocs/yourdomain 是你的项目根目录。

3. 重启 Apache

在终端输入以下命令:

sudo /opt/lampp/lampp restart

现在,在浏览器中输入 http://yourdomain.com 即可访问项目。

结论

以上就是在 localhost linux ubuntu xampp 上设置自定义域名的步骤。在实际开发中,我们可以在 VPS 上使用类似的方式来设置我们的域名,以便更方便地进行测试和开发。