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中，可做集群测试

5. 将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.239.129:8081/ssh2/userAction_userLogin.action?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

6.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图标却不能正常加载出来。

问题分析：加载的路径https://yxq.linksign.cn/static/css/static/fonts/element-icons.535877f.woff 本应该加载的路径https://yxq.linksign.cn/static/fonts/element-icons.535877f.woff 打包的路径事实上是打包时候读取的文件路径多了两层；找到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)
   }

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022-11-14，如有侵权请联系 cloudcommunity@tencent.com 删除

tomcat

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度