`
LiYunpeng
  • 浏览: 961434 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

前端使用gulp调试转发到tomcat得api方式

    博客分类:
  • gulp
阅读更多
本人的环境是使用yeoman+bower+gulp来构建前端程序的

那么在开发过程中会遇到一个问题,就是在后台通过tomcat启动程序开启了类似8080端口的接口API,但是通过gulp构建启动服务会是另外的一个端口,比如默认的3000,在这个时候请求页面前端调试是没有问题的,但是如果页面前端需要请求后台接口,就需要将请求接口的地址变为8080端口



具体实现:
通过yeoman构建的项目,会在gulp文件夹下生成server.js,使用的是http-proxy-middleware来实现代理转发,然后我们在如下配置中增加一项
var server = {
    baseDir: baseDir,
    routes: routes,
    middleware: [proxyMiddleware('/api',{target:'http://localhost:8080/test'})]
  };

这样我们就配置了对应的转发请求,将所有/api开头的请求都代理转发到后面的地址上去,从而实现打开3000端口后依然可以请求后台的接口




分享到:
评论

相关推荐

    基于Springboot+Vue科研项目验收管理系统源码案例设计.zip

    常见的前端构建工具如Webpack或Gulp可能被用来编译、打包Vue源代码,优化资源加载,提高页面加载速度。 9. **版本控制**: 项目中很可能使用了Git进行版本控制,方便团队协作,记录每一次修改,便于回溯和协同...

    基于Springboot+Vue校园周边美食探索及分享平台源码案例设计.zip

    开发者可能使用了Webpack或Gulp等构建工具来编译和打包前端资源,而IDE如IntelliJ IDEA或Eclipse则用于编写和调试Java代码。 在实际运行这个项目时,你需要准备一个数据库(如MySQL),配置Springboot的数据库连接...

    spring+vue的demo

    - **生产构建**:使用Vue CLI的build命令生成优化后的静态资源,再配置Spring Boot的打包方式,将这些资源包含到最终的jar或war文件中。 - **性能优化**:考虑使用Webpack或其他构建工具进行代码分割,减少首屏...

    基于Vue+Springboot BS实现的问卷调查网站项目-源码

    IDEA或Eclipse等集成开发环境用于编写和调试代码,而Webpack或Gulp等工具则用于构建和优化前端资源。 **前后端交互**:Vue.js通过发送Ajax请求(通常使用axios库)调用后端提供的RESTful API,实现数据的增删查改。...

    web开发网站技术

    前端开发中常用的构建工具如Webpack、Gulp和Grunt可以帮助开发者自动化编译、压缩和测试等任务。包管理器如npm和Yarn用于管理依赖和模块。 #### 开发者工具和调试 现代浏览器提供了功能强大的开发者工具,包括调试...

    spring-boot-angular-startup:具有Spring Boot和angularjs的Web应用程序的入门应用程序

    - 对于前端开发,AngularJS项目通常会使用Angular CLI或Grunt/Gulp等工具进行构建和管理。 - 后端开发,IDE如IntelliJ IDEA或Eclipse支持Spring Boot项目开发,提供丰富的代码提示和调试功能。 6. **集成开发**:...

Global site tag (gtag.js) - Google Analytics