javascript - gulp的browser-sync无法加载外部素材？-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - gulp的browser-sync无法加载外部素材？

ringa_lee 2017-04-11 09:43:53

[JavaScript讨论组]

522

HTML代码很简单



    
        测试

gulpfile.js里的代码也很简单

var gulp = require('gulp');
var browserSync = require('browser-sync');

gulp.task('browser-sync', function() {
    browserSync({
        server: {
            baseDir: '..'
        }
    });
});

gulp.task('default', ['browser-sync']);

但是图片加载不出来！

已经排除了是图片引用路径问题，因为我双击打开那个html文件，图片是正常显示的。只有通过gulp打开页面，会出现这个问题，不仅是图片，外部引入的css文件也加载不出来，这是怎么回事呢？少了什么代码没写？
谢谢~

ringa_lee

全部回复(2)

黄舟2017-04-11 09:45:53 2楼

个人感觉是你的 browserSync 中 baseDir 设置的问题，不清楚你的目录结构，你可以试着改改。

赞 +0

添加回复

高洛峰2017-04-11 09:45:53 1楼

列下目录结构

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>