哔哩哔哩视频链接: https://www.bilibili.com/video/BV1ZB4y1i7YC

 

如果你是一个网站开发者，那么相信你的职业生涯中不会只开发一个网站。

这时，我们肯定是一个网站放一个文件夹，但是，会有一个问题，我们在本地调试项目的时候，不得不在网址上加上文件夹名，例如项目放在wphun文件夹内，那么首页网址就是：

http://127.0.0.1/wphun

如果你又开发了一个项目wphun_1，那么就不得不再创建一个名称为wphun_1的文件夹，而这个项目的首页就成为了

http://127.0.0.1/wphun_1

虽然看起来没什么问题，但是在实际开发的时候，往往会出现很多麻烦的问题，例如：

  1. 路径不美观
  2. 线上线下路径不同步
  3. 由于路径不同步，在写一些涉及到路径相关的功能的时候，会增加很多BUG和麻烦

那么，要怎么解决这个问题呢？

其实，我们可以通过配置本地域名和端口映射的方式来解决这个问题。

例如，我们可以通过配置，使得wphun项目对应的首页网址为：

http://www.wp.com:5011

wphun_1项目对应的首页网址为：

http://www.wp1.com:5012

 

那么，要怎么配置呢？其实很简单，只需要3步即可：

1、修改hosts文件（可使用Notepad++进行编辑 https://notepad-plus.en.softonic.com）

127.0.0.1 wp.com
127.0.0.1 www.wp.com
127.0.0.1 wp1.com
127.0.0.1 www.wp1.com

2、配置httpd.conf

Listen 5011
Listen 5012

<VirtualHost *:5011>
    ServerName localhost:5011
    DocumentRoot "G:/_xampp/htdocs/wphun"
</VirtualHost>

<VirtualHost *:5012>
    ServerName localhost:5012
    DocumentRoot "G:/_xampp/htdocs/wphun_1"
</VirtualHost>

3、同步options表中的siteurl、home字段