Setup a Virtual Host on WAMP 3

By -
Setting up a virtual host provides several benefits:

  1. Virtual Hosts make URL cleaner
  2. Virtual Hosts make permissions easier
  3. Some applications require a “.” in the URL like Magento.
So, let's setup a virtual host (vhost) in WAMP 3.

Step 1: Change Virtual Host Configuration File in Apache
  • Open your Apache configuration file located in C:\wamp64\bin\apache\apache2.4.37\conf\httpd.conf
  • Search LoadModule vhost_alias_module and un-comment the line LoadModule vhost_alias_module modules/mod_vhost_alias.so
  • Search Virtual Hosts and un-comment the line Include conf/extra/httpd-vhosts.conf
  • Save and close the httpd.conf file
Step 2: Update Virtual Host Configuration File
  • Open your vhost configuration file located one directory down from the Apache configuration file directory in C:\wamp64\bin\apache\apache2.4.37\conf\extra\httpd-vhosts.conf
  • Add the configuration for your new vhost like below
#Your new site
<VirtualHost *:80>
  ServerName local.newsite.com
  ServerAlias www.local.newsite.com
  DocumentRoot "${INSTALL_DIR}/www/newsite"
  <Directory "${INSTALL_DIR}/www/newsite">
    AllowOverride all
Order Allow,Deny
Allow from all
  </Directory>
</VirtualHost>
  • Save and close the httpd-vhosts.conf file.
Step 3: Update Your Windows Hosts File
  • Open your Windows hosts file located in C:\Windows\System32\drivers\etc\hosts.
  • Add a new site. 
127.0.0.1 local.newsite.com
::1 local.newsite.com
  • Save and close the hosts file.
  • Resart All Services in WAMP
  • Open local.newsite.com on your browser
Enjoy....

Comments

Post a Comment

Popular posts from this blog

Creating Protected routes in ReactJS

By -
Protected routes are very important for any web application. Below are the code to create authenticated routes that only certain users can access based on their authentication roles. import   React , {  Component  }  from   'react' ; import  {  BrowserRouter   as   Router ,  Route ,  Switch ,  Redirect  }  from   'react-router-dom' ; import   commonService   from   './core/services/commonService' ; import   './App.css' ; import   Loader   from   './views/Loader/Loader' ; // Containers const   FrontEndLayout  =  React . lazy (()  =>   import ( './containers/FrontEndLayout/FrontEndLayout' )); const   UserLayout  =  React . lazy (()  =>   import ( './containers/UserLayout/UserLayout' )); const   loading  = ()  =>   < Loader   /> ; class   App   extends   Component  {    render (){      return  (        < Router >            < React.Suspense   fallback = { loading () } >    
Read more

Redirect http to https in codeigniter

By -
Follow below steps to redirect you non-http site to https without using .htaccess Change Configuration: go to application/config/config.php and enable hooks to true              $config['enable_hooks'] = TRUE; Create new file hooks.php if not exist other wise open file and paste code           $hook['post_controller_constructor'][] = array(                                 'function' => 'redirect_ssl',                                 'filename' => 'ssl.php',                                 'filepath' => 'hooks'                                 ); Now create a new folder hooks if not exist under application folder and then create new file ssl.php and add below code to ssl.php  <?php function redirect_ssl() {     $CI =& get_instance();     $class = $CI->router->fetch_class();     $exclude =  array('client');     if(!in_array($class,$exclude)) {       $CI->c
Read more