- 本章目标
将SSM项目及数据库完整的部署CentOS7上jdk1.8+tomcat8.5+mysql5.7
1.什么是nginx
Nginx是一款高性能的Web服务器,最初由俄罗斯程序员Igor Sysoev开发,自2004年问世以来,凭借其高性能、高可靠、易扩展等优点,在反向代理、负载均衡、静态文件托管等主流场合得到了广泛的应用。
2.CentOS7中使用yum安装Nginx的方法
1) 添加 nginx 官方提供的 yum 源(需要联网且时间较长)
rpm -Uvh http://nginx.org/packages/centos/7/x86_64/RPMS/nginx-1.14.2-1.el7_4.ngx.x86_64.rpm
2) 使用 yum 安装 nginx
yum install nginx
注1:yum方式安装nginx,它的安装根目录为/etc/nginx
注2:查看nginx版本
rpm -qa | grep nginx
3) 启动及设置开机启动
systemctl start nginx.service
systemctl enable nginx.service
4) 设置防火墙开放 80 端口
firewall-cmd --zone=public --add-port=80/tcp --permanent
firewall-cmd --reload && firewall-cmd --list-port
5) 测试 nginx 是否可被访问,应该显示nginx的欢迎界面
http://服务器IP地址:80/
3.mysql数据库数据导出/导入
Navicat导出表结构及少量数据
4.SSM项目部署到虚拟机
本案例采用tomcat双节点方式进行案例演示(tomcat集群模式)
注0:由于tomcat双节点都是部署在同一个虚拟机中,请配置两个不同的端口号,以免冲突;
注1:重启虚拟机后,发现有时候linux中的tomcat启动失败,应该将tomcat服务在mysql服务启动后启动。重要
注2:可将WEB项目部署到不同的tomcat中,可做集群测试
将SPA项目压缩并上传到/usr/nginx/html目录,再解压
mkdir /usr/nginx/html
unzip crm.zip重启nginx
重新修改window中的hosts文件
注1:通过虚拟域名访问,还要修改window的hosts文件添加虚拟域名映射,文件位置如下:
C:\Windows\System32\drivers\etc\hosts 另外,此文件有可能出现由于当前用户权限不够,出现无法修改的情况?解决方案 将此文件复制到d硬盘任一目录,修改后,再复制替换C:\Windows\System32\drivers\etc\hosts原文件
http://192.168.163.128:8080/ssm/user/userLogin?username=admin&password=123
5.通过nginx对tomcat进行集群及代理
#进入conf.d目录,并对default.conf进行备份
cd /etc/nginx/conf.d && cp default.conf default.conf.bak
#修改default.conf,添加tomcat集群和动态代理配置
systemctl restart nginx && systemctl status nginx
注1:查看nginx的访问日志和错误日志
/var/log/nginx/access.log
/var/log/nginx/error.log
注2:查看nginx版本
rpm -qa | grep nginx
1.CentOS7安装mysql三种方式
1.yum
2.tar.gz
3.*.deb安装包
附录一:linux 里rpm包到底是干什么用的
Linux RPM全称是“RedHat Package Manager”,最早是Red Hat公司开发的,后来在CentOS、Fedora、SUSE都用它。
而rpm包则是软件编译完成后按照RPM机制打包起来的一个文件,可以用rpm命令安装的一个软件安装包,
它省去了Linux软件安装中编译的步骤,安装成功后软件就可以用了。
附录二:centos7中虚拟域名设置
vim /etc/hosts
附录三:
在进行Nginx+Tomcat 负载均衡的时候遇到了这个权限问题,在error.log日志中,我们可以看到如下:
connect() to 127.0.0.1:8080 failed (13: Permission denied) while connecting to upstream
解决方案参考《解决Nginx的connect() to 127_0_0_18080 failed (13 Permission denied) while connect_Osheep-昔日暖阳-CSDN博客_connect() to 127_0_0_18080 failed (13 permission.mht》
附录四:hbuilderX打包vue项目白屏问题
将项目目录下的config文件夹里的index.js文件中,将build对象下的assetsPublicPath中的“/”,改为“./”后,再打包生成的 dist 文件
build: {
// assetsPublicPath: '/',//修改前
assetsPublicPath: './',//修改后
}
附录五:hbuilderX打包vue项目,element-ui的icon图标无法正常显示问题
问题:使用vue-cli3脚手架搭建的项目,在打包文件上服务器的时候,其他的css,js样式都能正确加载出路径,
但是element的icon图标却不能正常加载出来。
打包的路径
事实上是打包时候读取的文件路径多了两层;
找到build文件的utils.js 中有打包的路径,看看generateLoaders();
Extract CSS when that option is specified, 指定该选项时提取CSS
发现少了个公共路径,加上pubilcPath
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
// 解决icon路径加载错误
publicPath:'../../'
})
} else {
return ['vue-style-loader'].concat(loaders)
}