Windows项目发布

前端项目概述

  1. vue前端项目开发采用脚手架分方式进行开发,若开发完成将项目发布需要进行打包编译,编译为浏览器克以识别的静态资源文件(HTML/CSS/JS)。
  2. nginx可以作为web服务器,斌且默认端口为80,即http协议的默认端口。

项目发布

  1. 路径修改

前端向后端发起请求时,网址为http://localhost:8091/xxx,实际开发中服务器都是通过域名的方式进行访问,所以需要将前端请求网址修改为域名。

  • 1.修改Axios请求前缀
  • 2.修改文件上传请求地址 ```javascript /1.修改Axios请求前缀/ //axios.defaults.baseURL = ‘http://localhost:8091/‘ /指定后台服务器前缀/ axios.defaults.baseURL = ‘http://manage.jt.com/

/2.修改文件上传请求地址/ // uploadUrl: ‘http://localhost:8091/file/upload‘, uploadUrl: “http://manage.jt.com/file/upload“,

  1. 2. 项目发布
  2. 将前端打包文件复制到nginx根目录中
  3. 3. 前端反向代理
  4. 用户通过域名htttp://www.jt.com访问系统首页index.html
  5. <a name="qSku2"></a>
  6. ### 后端项目
  7. 后端服务器反向代理<br />将域名`manage.jt.com`域名与后端服务器集群进行映射,实现访问域名就可以访问后端服务器。
  8. ```javascript
  9. server{
  10. listen 80;
  11. server_name manage.jt.com;
  12. location / {
  13. #表示代理的是一个请求的路径
  14. proxy_pass http://tomcats;
  15. }
  16. }

后端服务器集群代理
使用nginx设置tomcat集群
使用轮询策略

  1. upstream tomcats{
  2. server 127.0.0.1:8091;
  3. server 127.0.0.1:8092;
  4. }

权重策略

  1. upstream tomcats{
  2. server 127.0.0.1:8091 weight=10;
  3. server 127.0.0.1:8092 weight=1;
  4. }

iphash策略
将用户与服务器绑定需要使用ip_hash策略
使用说明:
方便进行压力测试
某些用户的数据保存到了服务器的session中时,需要绑定数据。
公司特殊业务可能会用大iphash。

  1. upstream tomcats{
  2. ip_hash;
  3. server 127.0.0.1:8091 weight=10;
  4. server 127.0.0.1:8092 weight=1;
  5. }