Cách cấu hình Virtual Host trên XAMPP để chạy Website

Virtual Host là gì?

Virtual Host, theo chính tài liệu Apache, là cơ chế cho phép máy chủ web (như Apache) phục vụ nhiều website trên cùng một máy chủ hoặc địa chỉ IP. Có hai hình thức chính: Name‑based Virtual Host, dựa vào header “Host” trong yêu cầu HTTP để phân biệt trang web, cho phép nhiều tên miền chạy chung một IP; và IP‑based Virtual Host, mỗi trang sẽ gắn với một địa chỉ IP khác nhau. Điều này giúp máy chủ chia sẻ tài nguyên hiệu quả, quản lý dễ dàng và mô phỏng môi trường hosting thật trên cùng một máy vật lý.

Virtual Host là gì?

Khi cấu hình Virtual Host trên XAMPP (Apache), bạn sẽ khai báo trong file cấu hình, sau đó ánh xạ tên miền ảo về localhost qua file hosts. Nhờ đó, mỗi dự án có “địa chỉ riêng”, tiện cho việc phát triển, kiểm thử và trình diễn website mà không cần phải triển khai lên server thực. Đây là phương pháp tiết kiệm, linh hoạt và chuyên nghiệp trong phát triển web trên môi trường cục bộ.

XAMPP là gì?

XAMPP là một gói phần mềm mã nguồn mở, miễn phí và đa nền tảng được phát triển bởi dự án Apache Friends. Gói này bao gồm Apache HTTP Server, MariaDB (trước đây là MySQL), cùng bộ thông dịch cho PHP và Perl, giúp thiết lập nhanh chóng một server phát triển web cục bộ trên Windows, Linux hoặc macOS.

XAMPP là gì?

XAMPP được thiết kế để sử dụng cho mục đích phát triển và kiểm thử, thay vì triển khai sản phẩm lên môi trường thực. Nhờ quy trình cài đặt đơn giản, bạn chỉ cần tải xuống file cài đặt là có thể chạy được một môi trường giống hệt server thật ngay trên máy cá nhân. Với XAMPP, bạn có thể thử nghiệm Wordpress, Joomla, hoặc tự viết ứng dụng PHP/MySQL mà không cần cú pháp phức tạp hay cấu hình thủ công các dịch vụ.

>>> XEM THÊM: XAMPP là gì - Hướng dẫn sử dụng XAMPP tạo web server nhanh chóng

Khi nào cần cấu hình Virtual Host trên XAMPP?

Virtual Host không phải là thứ bắt buộc phải có, nhưng nó sẽ trở thành "giải pháp cứu tinh" trong những tình huống sau đây.

- Khi phát triển nhiều dự án cùng lúc: Nếu bạn làm việc trên nhiều website (WordPress, Laravel…), cấu hình Virtual Host giúp tạo tên miền ảo riêng như project1.local, shop.test, thay thế việc truy cập qua.

- Khi muốn URL gọn gàng và chuyên nghiệp: Các URL như project1.local rõ ràng hơn localhost/project1, đồng thời tránh lỗi đường dẫn và tương thích tốt hơn với các framework/magento yêu cầu dấu chấm trong domain .

- Khi muốn mô phỏng môi trường hosting thật: Virtual Host giúp bạn xây dựng môi trường phát triển gần giống server thực, phù hợp kiểm thử, demo và triển khai, đặc biệt khi cần thiết lập SSL (HTTPS), rewrite rules, quyền truy cập thư mục… .

- Khi cần kiểm soát nâng cao cấu hình Apache: Bạn có thể khai báo riêng DocumentRoot, log, alias, quyền truy cập và các tùy chọn khác cho từng dự án mà không ảnh hưởng đến website khác trên cùng XAMPP

>>> Tham khảo: Hosting WordPress - Giải pháp tối ưu chi phí và hiệu năng cho Website WordPress

Cấu hình Virtual Host trên XAMPP nhanh chóng

Bạn chỉ cần vài thao tác để biến XAMPP thành “máy chủ ảo” đa website: cài đúng thư mục, kích hoạt Virtual Host, khai báo các thẻ cấu hình và khởi động lại Apache. Các bước thao tác chi tiết Web4s sẽ hướng dẫn bạn ngay sau đây.

Bước 1: Kích hoạt nạp file Virtual Host

- Mở tập tin C:\xampp\apache\conf\httpd.conf.

Tìm dòng tương tự:
# Virtual hosts

# Include conf/extra/httpd-vhosts.conf

- Gỡ dấu # ở trước Include conf/extra/httpd-vhosts.conf để Apache tự động tải file cài đặt Virtual Host, sau đó lưu file và đóng lại.

Bước 2: Khai báo Virtual Host mới

Mở C:\xampp\apache\conf\extra\httpd-vhosts.conf bằng trình chỉnh sửa như Notepad++.

Thêm khối sau, tùy chỉnh theo tên miền và thư mục dự án của bạn:

ServerAdmin support@nhanhoa.com

DocumentRoot "C:/xampp/htdocs/yourproject"

ServerName yourproject.local

Options FollowSymLinks

AllowOverride All

DirectoryIndex index.php

Require all granted

ErrorLog "logs/yourproject-error.log"

CustomLog "logs/yourproject-access.log" common

Lưu ý rằng chỉ cần thêm 1 VirtualHost nếu chỉ có 1 dự án; nếu có nhiều, tạo thêm các khối tương tự.

Cấu hình Virtual Host trên XAMPP nhanh chóng

Bước 3: Trỏ tên miền về localhost

- Mở C:\Windows\System32\drivers\etc\hosts với quyền quản trị (Run as Administrator).

Thêm dòng: 127.0.0.1 yourproject.local để hệ điều hành hiểu tên miền ảo. Bất cứ tên miền nào khai báo trên virtualhost cũng cần nằm trong file hosts để máy hiểu lệnh trỏ về localhost.

Bước 4: Khởi động lại Apache và kiểm thử

Mở XAMPP Control Panel:

- Nếu Apache đang chạy → nhấn Stop rồi Start lại.

- Nếu chưa chạy → nhấn Start để kích hoạt cấu hình mới.

Truy cập http://yourproject.local trong trình duyệt để xác nhận việc cấu hình thành công.

>>> XEM THÊM: NVMe Hosting có gì khác biệt và dành cho đối tượng nào?

Các lưu ý QUAN TRỌNG khi cấu hình Virtual host lên XAMPP

Khi tạo và cấu hình tên miền ảo trên XAMPP, có một số lưu ý quan trọng giúp quá trình này diễn ra suôn sẻ và tránh các lỗi không mong muốn:

Luôn dùng quyền Admin khi chỉnh sửa file hosts

File hosts là file hệ thống quan trọng, bạn cần mở bằng quyền Administrator trên Windows hoặc dùng lệnh sudo trên Mac/Linux. Nếu không có quyền, các thay đổi của bạn sẽ không được lưu lại. File này nằm ở: C:\Windows\System32\drivers\etc\hosts (Windows) hoặc /etc/hosts (Mac/Linux).

Kiểm tra kỹ cú pháp trong httpd-vhosts.conf

File httpd-vhosts.conf quy định cách hoạt động của Virtual Host. Chỉ một lỗi nhỏ như thiếu dấu > hay đường dẫn sai sẽ khiến Apache không hoạt động được. File này nằm trong thư mục xampp/apache/conf/extra/. Luôn kiểm tra lại sau khi chỉnh sửa.

Bắt buộc khởi động lại Apache

Sau mọi thay đổi cấu hình, bạn phải khởi động lại Apache để áp dụng thay đổi. Trong XAMPP Control Panel, click Stop rồi Start lại Apache. Nếu quên bước này, Virtual Host của bạn sẽ không hoạt động.

Xử lý lỗi 403 Forbidden

Khi gặp lỗi 403, thường là do vấn đề quyền truy cập. Thêm đoạn sau vào cấu hình Virtual Host:

Options Indexes FollowSymLinks

AllowOverride All

Require all granted

Thay "đường-dẫn-thư-mục" bằng đường dẫn thực tế của bạn.

Các lưu ý QUAN TRỌNG khi cấu hình Virtual host lên XAMPP

Đặt tên miền ảo hợp lý

Nên dùng đuôi .test hoặc .local thay vì .com/.vn để tránh xung đột với tên miền thật. Ví dụ: dựan.test thay vì dựan.com. Điều này giúp phân biệt rõ môi trường local và production.

Kiểm tra log khi có lỗi

Khi gặp sự cố, file error_log trong xampp/apache/logs/ sẽ giúp bạn tìm nguyên nhân. Đây là bước quan trọng nhất để debug khi Virtual Host không hoạt động như mong đợi.

Lời kết

Với các bước đơn giản, bạn có thể dễ dàng cấu hình Virtual host trên XAMPP để quản lý và phát triển nhiều website trên một máy chủ duy nhất, giúp công việc của bạn trở nên hiệu quả hơn.

Đừng quên, nếu bạn cần mua hosting giá rẻ, uy tín, hãy liên hệ ngay với Nhân Hòa để được tư vấn.

THÔNG TIN LIÊN HỆ