九 SpringCloud - Nginx( 二 ) _生活百科

2.1.2.2 home.js$(function(){ initData();});function initData(){var params={};params.token="111";$.ajax({type: "POST",url:"http://1.117.75.57:8080/nginx-back/user/userInfos",contentType:"application/json;charset=UTF-8",data:JSON.stringify(params),dataType: "json",success: function (res) {if("undefined" != typeof(res.content)){var list=res.content;if(list.length>0){$("#content").empty();var $html="";for (var i = 0; i < list.length; i++) {$html=$html+"<tr><td>"+list[i].name+"</td><td>"+list[i].age+"</td><td>"+list[i].hobby+"</td></tr>";}$("#content").html($html);}}else{alert("无数据");}} });}2.2 demo项目部署2.2.1 后端模块2.2.1.1 上传并后台启动项目项目打 jar 包，并上传后台运行并输出到日志文件# nohup java -jar edocmall96-nginx-0.0.1-SNAPSHOT.jar >nginx.log 2>&1 &2.2.1.2 添加配置在nginx.conf的 server节点中添加代理配置# 代理后端项目 location /nginx-back/ { proxy_pass http://1.117.75.57:8080;}重新启动nginxnginx -s stopnginx2.2.1.1.3 测试2.2.1.1.3.1 直接访问服务器上的项目

文章插图

文章插图
2.2.1.1.3.1 通过代理访问服务器上的项目

文章插图

文章插图
2.2.2 前端模块2.2.2.1 上传前端模块

上传nginx-front.zip 到 nginx安装目录的/html下解压# unzip nginx-front.zip 删除__MACOSX#rm -rf __MACOSX/删除nginx-front.zip# rm -rf nginx-front.zip

2.2.2.2 添加配置# 代理静态前端项目location /nginx-front/ { roothtml; indexhome.html;}2.2.2.3 测试 (出现跨域问题)

文章插图
2.2.2.4 解决跨域问题

所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）所以我们需要保证同源# 出现跨域问题	请求页面静态资源 # http://1.117.75.57/nginx-front/(端口不写就是80)	请求页面数据# url:"http://1.117.75.57:8080/nginx-back/user/userInfos"# 修改请求数据路径	请求页面数据# url:"/nginx-back/user/userInfos"/#当前导航栏访问路径的ip+端口	或者# url:"http://1.117.75.57:80/nginx-back/user/userInfos"# 写的时候有些不理解，后面发现的 url的绝对路径和相对路径# Ajax请求中url的绝对路径和相对路径https://blog.csdn.net/qq_34198539/article/details/115526677

2.2.2.5 测试 (解决跨域问题)

文章插图
3、Nginx 负载均衡 (服务端)3.1 轮询3.1.1配置

# 在http节点中配置# 反向代理服务组upstream nginxGrop {	server 1.117.75.57:8080;	server 1.117.75.57:8081;	server 1.117.75.57:8082;}# 在server节点中# 代理 后端项目 服务组location /nginx-back/ {	proxy_pass http://nginxGrop;}

3.1.2 启动项目（后面一样的开启操作）

# 服务 1nohup java -jar edocmall96-nginx-0.0.1-SNAPSHOT.jar --server.port=8080 >nginx8080.log 2>&1 &# 服务 2nohup java -jar edocmall96-nginx-0.0.1-SNAPSHOT.jar --server.port=8081 >nginx8081.log 2>&1 &# 服务3nohup java -jar edocmall96-nginx-0.0.1-SNAPSHOT.jar --server.port=8082 >nginx8082.log 2>&1 &

3.1.2 测试3.2.1 8080 服务