美文网首页
用gulp实现代理,解决跨域问题

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

作者: 动次动次forever | 来源:发表于2017-06-14 15:34 被阅读0次
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

相关文章

  • gulp 实现代理解决跨域+自动刷新 var gulp = require("gulp"),connect = r...

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

    gulpfile.js 1、在本地起一个服务,端口号为3000。2、open:默认打开的文件的路径3、direct...

  • Gulp使用http-proxy-middleware插件解决跨

    前后端分离的开发,所面临的问题就是跨域问题,在原来gulp打包开发的基础上,增加代理转发功能,从而解决跨域问题。 ...

  • Koa代理Http请求

    Koa 代理http请求,解决跨域问题 1、为什么用Koa做跨域代理? "最初为了解决跨域问题,我把站点部署到了n...

  • ajax跨域--nginx反向代理

    用nginx反向代理实现跨域,是最简单的跨域方式。只需要修改nginx的配置即可解决跨域问题,支持所有浏览器,支持...

  • 用nginx的反向代理机制解决前端跨域问题

    用nginx的反向代理机制解决前端跨域问题 Vue做前台,后台走接口就会遇到跨域问题。这里Nginx做反向代理是一...

  • 跨域问题,解决方案

    跨域问题,解决方案 - Nginx反向代理跨域问题,解决方案 - CORS方案此为原作者的链接:跨域问题,解决之道

  • ionic4 使用代理进行跨域请求

    最初刚用ionic4做项目时,由于跨域问题,在浏览器开发调试时遇到网络不通问题。然后,找了下用代理去解决跨域问题,...

  • webpack设置代理出现的问题

    一、解决跨域问题有几种解决方案:跨域资源共享 CORSjsonpproxy (Nginx代理或其他的服务器代理)在...

  • 浏览器跨域问题,教你手写实现jsonp跨域

    跨域概述为什么会有跨域跨域解决办法:1、jsonp;2、后台代理手写实现jsonp跨域(包括服务器端代码) 跨域问...

网友评论

      本文标题:用gulp实现代理,解决跨域问题

      本文链接:https://www.haomeiwen.com/subject/oukfqxtx.html