webpack开发前端的时候往往是单独自己的服务器:
1.express 带上 webpack-dev-middleware(自己实现了热更新,而且在memory-fileSystem,不会产生多余文件)
2.webpack-dev-server(自己实现了热更新,而且在memory-fileSystem,不会产生多余文件)
3.browserSync(需要使用到webpack的watch功能,会产生一些热更新的多余文件hot-update.js和hot-update.json)
在使用自己的前端专属服务器的时候会有个弊端,就是和后端分开了,并不在一个服务器上。
这个时候我们会选择采用代理(proxy),通过我们的前端专属服务器来访问后端服务器
上面3种不同的前端服务器都有不同的配置方法,但是都是大同小异,主要就是代理配置好代理的target(url地址)
后端分为模拟后端和真实后端
模拟后端:我们常使用json-server然后导入一个mock.js的静态数据文件来模拟后端
真实后端:代理的时候直接把真实后端服务器的url对接上就可以了
在生产环境下,我们就会直接把前端的代码放到后端的服务器上,共用同一个服务器,不用再采用代理这么麻烦了。