如何使用webpack，proxy实现前后端分离，并且方便

如题所述

第1个回答 2017-10-25

分离的痛点是分离后，接口提供不及时，文档不完善，模拟数据不方便等。说一下我们的解决办法： 1）webpack设置proxy，这个通过webpack文档或GOOGLE一下可以解决。 2）第二步就是需要在后端提供接口及数据和接口文档，而因为前后端很可能是并行开如何使用webpack，proxy实现前后端分离，并且方便

第2个回答 2017-10-25

1）webpack设置proxy，这个通过webpack文档或GOOGLE一下可以解决。
2）第二步就是需要在后端提供接口及数据和接口文档，而因为前后端很可能是并行开发的，所以在真实接口出来之前需要前端模拟接口及数据，及数据文档然后在真实接口出来后，切换到真实接口调试，我们之前也遇到过此问题，所以抽时间自己做了个mocksever 系统本回答被网友采纳

相似回答

如何进行前后端分离答：首先：软件系统架构的前后端分离更多是在近几年伴随互联网的盛行为提高前端与后端交互的响应速率，提升用户的体验进行衍生出了前后端分离架构。如：Vue、NodeJS与微服务架构结合。）webpack设置proxy，这个通过webpack文档或GOOGLE一下可以解决。

解决前后端分离开发,后端重定向不到前端页面问题答：后端项目地址： http://localhost:8080/ ，前端项目地址： http://localhost:9090/ ，比如后端 redirct:"/#/main" 重定向到这个页面，浏览器重定向的却是 http://localhost:8080/#/main 后端项目的地址，找了很久最终在webpack中找到解决方案。我们可以在 devServer.proxy.onProxyRes 中做处理，配置...

前后端分离方案以及技术选型答：通过将开发团队前后端分离化,让前后端工程师只需要专注于前端或后端的开发工作,是的前后端工程师实现自治,培养其独特的技术特性,然后构建出一个全栈式的精益开发团队。 · 提升开发效率前后端分离以后,可以实现前后端代码的解耦,只要前后端沟通约定好应用所需接口以及接口参数,便可以开始并行开发,无需等待对方的开发...

怎么使用webpack构建vue.js单页应用答：在现在正在开发的项目中，为了实现前后端分离开发，决定使用刚刚发布不久的 vue.js 2.0 和 koa 2.0 来进行开发，深入的使用了webpack作为前端打包工具。为了更好的掌握，打算通过练习来加强对webpack的理解。接下来还会针对开发中相关的技术，做深入的练习，并且写一系列文章。本文主要目的是对项目开发...

大家正在搜

webpack proxy跨域 webpack配置proxy跨域 webpack proxy devserverproxy 前端proxy解决跨域 proxytable react router webpack代理 webpack配置