用gulp实现代理,解决跨域问题

gulpfile.js
var gulp = require('gulp');
var webserver = require('gulp-webserver');

gulp.task('webserver', function () {
  gulp.src('./')
    .pipe(webserver({
      host: 'localhost',
      port: 3000,
      livereload: true,
      open: './pages/myPages/login.html',
      directoryListing: {
        enable: true,
        path: './'
      },
      proxies: [
        {
            source: '/api', target: 'http://jsonplaceholder.typicode.com'
        }
      ]
    }))
});
gulp.task('default', ['webserver'], function () {
  console.log('成功');
});

1、在本地起一个服务,端口号为3000。
2、open:默认打开的文件的路径
3、directoryListing:是否显示文件列表
4、proxies: 设置代理

接口调用:

接口调用 url http://localhost:3000/api

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,079评论 19 139
  • 本文实践了三种方法去解决从a页面通过跨域ajax请求b页面的数据,三种方法分别: jsonp 服务器代理 在服务器...
    孤星伴明月阅读 1,614评论 0 0
  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 5,518评论 1 32
  • 从三月份找实习到现在,面了一些公司,挂了不少,但最终还是拿到小米、百度、阿里、京东、新浪、CVTE、乐视家的研发岗...
    时芥蓝阅读 42,386评论 11 349
  • 出差去德国已经是大半年前的事了,因为呆的时间长,周末就在周边闲逛。 第一站比勒费尔德,也是我出差的目的地。坐的是国...
    泥旦旦阅读 612评论 0 0