Xampp如何设置修改Apache本地IP默认的网站根目录？

今天利用Xampp尝试在本地搭建网站，网站放在根目录单独的文件夹内。

但网站建好后，首页很多资源都失效了，检查文件发现是这样的：

可以看到目录：

    <!-- Bootstrap -->
    <link href="/static/app/default/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/app/default/css/font-awesome.min.css">
    <link rel="stylesheet" href="/static/app/default/vendors/themify-icon/themify-icons.css">
    <link rel="stylesheet" href="/static/app/default/vendors/owl-carousel/owl.carousel.min.css">

所以资源的链接就默认变成了 IP+文件路径 。
但事实上，链接应该是 IP+网站文件夹+文件路径 才对。

一时也没想到好的办法，所以我在想要不干脆让默认的 127.0.0.1 （即网站根目录）为网站文件夹好了。
那么该怎么修改xampp默认的根目录呢？

具体操作

1.
打开xampp的控制面板：

2.
点击配置config，选择httpd.conf那个，然后搜索htdocs，找到这一行：

DocumentRoot "D:/Progranm Files/xampp/htdocs"

修改到网站的文件夹即可。
这样资源都默认都正常了。

不过这方法感觉不科学呀，以后想多搭建几个网站就比较麻烦了。
也不知道有没有更好的办法，知道的烦请告知。