前后端分离：前端人员做页面与渲染，后端做接口

用到的技术：

1.nginx 关键，反向代理请求

2.Ajax 请求接口加载内容

3.Json

4.AngularJS 模块化开发，非必要

流程

1.请求页面：http://localhost/lorenzo/index.html

2.返回页面index.html，包含html css js

3.Ajax 调用接口：http://localhost:80/lorenzo/api/list.do

4.nginx 代理 http://localhost/lorenzo/api/list.do —> http://localhost:8080/lorenzo/api/list.do

5.tomcat 返回请求结果，nginx返回代理结果

6.页面加载得到的结果

Nginx 关键配置

location /lorenzo/api {
proxy_pass http://localhost:8080/lorenzo; proxy_redirect default;
proxy_set_header    Host            $host;
proxy_set_header    X-Real-IP       $remote_addr;
proxy_set_header    X-Forwarded     $proxy_add_x_forwarded_for;
add_header From localhost;
proxy_cookie_path /heartsys/ /;
proxy_set_header Cookie $http_cookie;
}

要求

前端目录http://lorenzo/index.html 与web 项目 最好同名，或者在配置文件中转换。