Cách Thêm Tên Miền ảo Cho Localhost Với XAMPP - WordPress FAQ

Nhiều bạn thắc mắc với mình làm sao để thêm tên miền ảo được trên localhost. Để giải đáp câu hỏi của các bạn hôm nay mình viết bài cách thêm tên miền ảo cho localhost trên máy tính với XAMPP. Mình bắt đầu nhé!

Khi mình quay các video hướng dẫn mà có dùng đến localhost, có nhiều bạn thắc mắc là làm thế nào để có thêm tên miền ảo trên localhost kiểu như http://thachpham.dev thay vì http://localhost/thachpham. Thực ra cái này nếu bạn nào rành về Apache có thể biết đó chỉ là một tính năng Virtual Host trong Apache thôi, nhưng nếu bạn không biết thì bài hướng dẫn này sẽ giúp bạn biết cách thêm tên miền ảo cho localhost sử dụng XAMPP.

Trước tiên, bạn tìm đến file hosts ở máy tính tại C:\Windows\system32\drivers\etc\ rồi ấn chuột phải vào nó, chọn Properties.

Nếu bạn dùng Mac, hãy sửa file /private/etc/hosts hoặc /etc/hosts đối với Linux.

hosts-properties

Sau đó bạn chọn tab Security, ấn nút Edit để sửa quyền, chọn phần User và đánh dấu Full Control. Sau đó ấn Ok để lưu lại toàn bộ.

hosts-properties-security

Bây giờ bạn mở file hosts ra, trỏ tên miền ảo cần thêm vào về IP của localhost là 127.0.0.1. Rồi lưu lại file hosts.

add-domain-hostsfile

Bây giờ bạn hãy vào thư mục C:\xampp\apache\conf\extra\ tìm file httpd-vhosts.conf rồi mở lên.

xampp-vhosts-conf

Sau đó tìm đến dòng này và xóa hai dấu thăng (#) đi. Nếu bạn có dùng port khác cho Apache thì hãy đổi 80 thành cổng của bạn.

##NameVirtualHost *:80
1 ##NameVirtualHost *:80

Sau đó chèn thêm đoạn dưới đây vào cuối file httpd-vhosts.conf để khai báo thêm domain thachpham.dev.

<VirtualHost *:80>     DocumentRoot "C:/xampp/htdocs/thachpham"     ServerName thachpham.dev </VirtualHost>
1234 <VirtualHost *:80>   DocumentRoot"C:/xampp/htdocs/thachpham"   ServerName thachpham.dev</VirtualHost>
  • DocumentRoot: Đường dẫn của thư mục mà bạn muốn domain ảo trỏ về.
  • ServerName: Domain ảo đã khai báo trong file hosts mà bạn muốn thêm vào localhost.

Bây giờ thì hãy khởi động lại Apache và truy cập domain ảo của bạn để xem kết quả.

Chúc các bạn thành công!

WordPress FAQ  >  Tools FAQ  >  Công cụ

WordPress   |   Hoi dap WordPress   |   Hỏi đáp WordPress   |   WordPress FAQ   |   Hoc WordPress   |   Su dung WordPress   |   Lap trinh WordPress |   Plugin WordPress   |   SEO WordPress   |   Thuat ngu WordPress    |  Theme WordPress  |  Tools FAQ

Từ khóa » Cài đặt Xampp Thachpham