Vue .Net 先后端分离框架搭建 IntellIJ IDEA 配置 Vue 支持 打开Vue项目 零基础 Vue 开发环境搭建 打开运行Vue项目

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

1、前端开发环境搭建

　　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所有设计完以后，就能够比较快速的联调。

 

2、后端开发环境搭建

 

3、前端生产环境部署

 

4、后端生产环境部署