Question

我正在使用browsersync和虚拟主机（使用WAMP设置）进行wordpress主题开发。

这是问题 - 假设我的虚拟主机名是＆＃34; mydomain.dev＆＃34;我的互联网连接已开启。在gulping上，browserSync会自动启动chrome，它会转到＆＃34; mydomain.dev＆＃34;一切正常，没有麻烦。

但是，当没有互联网连接时，browsersync会启动chrome，但它不会转到＆＃34; mydomain.dev＆＃34;。相反，它显示＆＃34; localhost：81＆＃34;并继续加载，直到它出错。

当我将gulp.js文件中的代理更改为127.0.0.1时，browsersync会使用＆＃34; localhost＆＃34;但是把我送到WAMP主页。我在windows＆gt;中检查了我的主机文件system32 .....它一切都很好。

这是我的virtlahost配置文件

<VirtualHost *:80>
     ServerName mydomain.dev
     ServerAlias mydomain.dev
     DocumentRoot c:/wamp64/www/mydomain
     ErrorLog "logs/mydomain.log"
     CustomLog "logs/mydomain-access.log" common
     <Directory "c:/wamp64/www/mydomain">
         AllowOverride all
         Require all granted
     </Directory>
</VirtualHost>

这是我的windows32＆gt;司机＆gt;等等＆gt;主机文件

#local for virtual hosts
127.0.0.1   mydomain.dev

这里是gulpfile中的browserSync初始化部分

gulp.task('browser-sync', function() {
var files = [
    main + '**/*.css', main + '**/*.scss',
    js + '**/*.js',
    root + '**/*.php'
];

browserSync.init(files, {
   open: 'external',
   proxy: 'mydomain.dev',
   port: 80,,
});

我一直在谷歌搜索解决方案两天但没有成功。我还检查了browserSync文档但没有成功。我在想有些事我可能会出错。（也许browsersync需要互联网使用虚拟主机）。

但是，我尝试过设置browsersync＆＃34;离线＆＃34;为true，我还在WAMP上重新启动了DNS。我尝试使用*net stop "DNS client"和*net start "DNS client"

重新加载Windows缓存

我还尝试将我的项目文件夹移出Wamp文件夹并创建另一个虚拟主机以链接到此文件夹，但它仍然提供相同的问题。

在某一点上，我认为我的虚拟主机配置可能有问题所以我使用了＆＃34;创建虚拟主机＆＃34;在WAMP的主页上设置另一个虚拟主机的选项，但它完全相同。我还将browsersync open 设置为＆＃34; local＆＃34;但它完全相同。

此时，我可以说Apache不需要互联网来使用虚拟主机，因为如果我在地址栏中键入虚拟主机名但事实并非与browserSync同步，那么一切都很好，所以我需要让browserSync打开它本身没有互联网连接。

我想知道可能出现什么问题。我真的需要能够离线开发我的主题，因为我有机会偶尔开发一下互联网。

请问，无论如何我可以解决这个问题，或者这是浏览器配置工作的方式吗？

任何帮助或解释将不胜感激。感谢。

为什么browserSync链接到WAMP主页（没有互联网时）而不是虚拟主页

0 个答案: