开发者社区> 问答> 正文

通过gulp-connect部署静态页面,html页面中include路径无法get!

我的目录结构
6
然后我gulp-connect部署了public目录

gulp.task('watch',function(){

    gulp.watch(['./public/**'],['public']);

    gulp.watch('public/script/**',['scripts']);

});

gulp.task('connect',function(){
    connect.server({
        root:'public',
        livereload:true
    });
});

gulp.task('public',function(){
    gulp.src('./public/**')
    .pipe(connect.reload());
});


gulp.task('default',['connect','watch']);

就是希望能用livereload。现在livereload能用了,但是在页面上显示无法get各种静态文件,这是我的index.html文件

<style type="text/css" src="css/style.css"></style>
<script type="text/javascript" src="/node_modules/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="node_modules/angular/angular.js"></script>

路径我一个是按绝对路径写,一个是按相对路径写,都没get到

在浏览器中提示get不到:

GET http://localhost:8080/node_modules/jquery/dist/jquery.js 
GET http://localhost:8080/html/node_modules/angular/angular.js 

这个是angular lib的目录

7
现在我不知道是因为我将public目录部署成总目录的缘故,还是我路径写的不对。

展开
收起
杨冬芳 2016-06-16 14:27:10 3142 0
1 条回答
写回答
取消 提交回答
  • IT从业

    ,重新配置了基目录,就好了问题解决了。

    2019-07-17 19:40:50
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
《零基础HTML入门教程》 立即下载
天猫 HTML5 互动技术实践 立即下载
天猫HTML5互动技术实践 立即下载