【参考】IntellIJ IDEA 配置 Vue 支持 打开Vue项目

一、前端开发环境搭建

  1.零基础 Vue 开发环境搭建 打开运行Vue项目

  2.nodejs http-proxy-middleware 请求转发  安装http-proxy-middleware

  一般来说,要实现前后端分离,前端就需要开启一个本地的服务器来运行自己的前端代码,以此来模拟真实的线上环境,并且,也是为了更好的开发。因为你在实际开发中,你不可能要求每一个前端都去搭建一个java(php)环境,并且在java环境下开发,这对于前端来说,学习成本太高了。但如果本地没有开启服务器的话,不仅无法模拟线上的环境,而且还面临到了跨域的问题,因为你如果写静态的html页面,直接在文件目录下打开的话,你是无法发出ajax请求的(浏览器跨域的限制),因此,你需要在本地运行一个服务器,可是又不想搭建陌生而庞大的java环境,怎么办法呢?nodejs正好解决了这个问题。在我们项目中,我们利用nodejs的express框架来开启一个本地的服务器,然后利用nodejs的一个http-proxy-middleware插件将客户端发往nodejs的请求转发给真正的服务器,让nodejs作为一个中间层。这样,前端就可以无忧无虑的开发了

  3. mock返回假数据     mock帮助文档

由于前后端分离后,前端和后台同时开发时,就可能遇到前端已经开发好一个页面了,可是却等待后台API接口的情况。比如说A是负责前端,B是负责后台,A可能用了一周做好了基本的结构,并且需要API接口联调后,才能继续开发,而此时B却还没有实现好所需要的接口,这种情况,怎么办呢?在我们这个项目里,我们是通过了mock来提供一些假数据,我们先规定好了API接口,设计出了一套API文档,然后我们就可以通过API文档,利用mock(http://mockjs.com)来返回一些假数据,这样就可以模拟发送API到接受响应的整一个过程,因此前端也不需要依赖于后端开发了,可以独立开发,等到后台的API全部设计完之后,就可以比较快速的联调。

二、后端开发环境搭建

三、前端生产环境部署

四、后端生产环境部署

最新文章

  1. sqlserver中分区函数 partition by的用法
  2. jquery获取不到append出来的新元素的解决办法
  3. 部署网站出现System.ServiceModel.Activation.HttpModule错误
  4. ctl 里面pdef解说
  5. [SQL]分组排练进行更新
  6. Java读取Properties文件的六种方法
  7. 在.bashrc中,使用python获取本机IP地址(现在只支持wlan)
  8. 【applicationContext.xml】配置文件找不到
  9. UIImagePickerController显示中文界面
  10. (转)if语句优化
  11. HighlightingSystem插件使用(边缘发光)
  12. 怎样在UICollectionView中添加Header和footer
  13. redis预切片技术,实现
  14. Groovy - 介绍
  15. C#Winform使用mysql作为本地数据库
  16. rabbitMQ Management http://localhost:15672/ 打不开
  17. 前端数据可视化echarts.js
  18. 朋友给的IE滚动条
  19. debian系统下apache2开启ssi功能
  20. [Error] 未发现相关 less 编译器配置,请检查wepy.config.js文件

热门文章

  1. js中使用将json数组 转换为json将一个包含对象的数组用以创建一个包含新重新格式化对象的新数组
  2. HTTP断点续传
  3. std::string 用法总结
  4. 使用PrerenderSpaPlugin预渲染插件没有成功渲染
  5. jdk各种包安装方式
  6. ubuntu redis 自启动配置文件(关机有密码)
  7. Java数据结构和算法(五)——队列
  8. numexpr low version warning
  9. ld: framework not found FileProvider for architecture arm64
  10. Deep Learning.ai学习笔记_第二门课_改善深层神经网络:超参数调试、正则化以及优化