Windows项目发布
前端项目概述
- vue前端项目开发采用脚手架分方式进行开发,若开发完成将项目发布需要进行打包编译,编译为浏览器克以识别的静态资源文件(HTML/CSS/JS)。
- nginx可以作为web服务器,斌且默认端口为80,即http协议的默认端口。
项目发布
- 路径修改
前端向后端发起请求时,网址为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“,
2. 项目发布
将前端打包文件复制到nginx根目录中
3. 前端反向代理
用户通过域名htttp://www.jt.com访问系统首页index.html
<a name="qSku2"></a>
### 后端项目
后端服务器反向代理<br />将域名`manage.jt.com`域名与后端服务器集群进行映射,实现访问域名就可以访问后端服务器。
```javascript
server{
listen 80;
server_name manage.jt.com;
location / {
#表示代理的是一个请求的路径
proxy_pass http://tomcats;
}
}
后端服务器集群代理
使用nginx设置tomcat集群
使用轮询策略
upstream tomcats{
server 127.0.0.1:8091;
server 127.0.0.1:8092;
}
权重策略
upstream tomcats{
server 127.0.0.1:8091 weight=10;
server 127.0.0.1:8092 weight=1;
}
iphash策略
将用户与服务器绑定需要使用ip_hash策略
使用说明:
方便进行压力测试
某些用户的数据保存到了服务器的session中时,需要绑定数据。
公司特殊业务可能会用大iphash。
upstream tomcats{
ip_hash;
server 127.0.0.1:8091 weight=10;
server 127.0.0.1:8092 weight=1;
}