为什么gulp和浏览器同步路径不正确

Question

This is my code with gulp and browser-sync

Now, why the error of this path:

the current directory structure is this:

and the css style:

Answer 1

Your style is in the tmp/styles folder. When your css url is set to ./images/landing.jpg , that single dot simply means to look in the current folder. So BrowserSync does exactly what you ask and looks for an images folder inside of the styles folder. So, it's your CSS that is wrong, not BrowserSync.

What you actually want is to back out to the parent directory of the styles folder, and look for an images folder there, which is accomplished with two periods:

background: url("../images/landing.jpg") no-repeat center;