将原有的nginx.conf文件备份
[root@tomcat ~]# cp /usr/local/nginx/conf/nginx.conf /usr/local/nginx/conf/nginx.conf.bak
[root@tomcat ~]# grep -Ev "#|^$" /usr/local/nginx/conf/nginx.conf > /usr/local/nginx/conf/nginx.conf
一、基于域名的虚拟主机
创建项目,用于部署在nginx中发布到文本
1、编辑配置文件
[root@tomcat ~]# vim /usr/local/nginx/conf/nginx.conf
2、创建新的目录
[root@tomcat ~]# mkdir /abc
3、在/abc/目录下创建一个index.html
[root@tomcat ~]# echo "hello, i am abc" > /abc/index.html
[root@tomcat ~]# cat /abc/index.html
hello, i am abc
4、将/abc/目录中的资源发布
1. 配置nginx.conf文件
[root@tomcat ~]# vim /usr/local/nginx/conf/nginx.conf
[root@tomcat ~]# /usr/local/nginx/sbin/nginx
2. 主机劫持ip地址
[root@tomcat ~]# vim /etc/hosts
二、基于IP地址的虚拟主机
1、将之前配置的server模块保存到新的文件中
[root@tomcat ~]# sed -n '34,42p' /usr/local/nginx/conf/nginx.conf
[root@tomcat ~]# mkdir /usr/local/nginx/conf.d/
[root@tomcat ~]# sed -n '34,42p' /usr/local/nginx/conf/nginx.conf > /usr/local/nginx/conf.d/abc.conf
[root@tomcat ~]# cat /usr/local/nginx/conf.d/abc.conf
[root@tomcat ~]# sed -i '34,42d' /usr/local/nginx/conf/nginx.conf
2、修改配置文件
[root@tomcat ~]# vim /usr/local/nginx/conf/nginx.conf
[root@tomcat ~]# /usr/local/nginx/sbin/nginx -s reload
3、使用ip地址访问不同的虚拟主机
1. 查看当前主机的物理网卡ip
[root@tomcat ~]# ifconfig ens33
2. 添加
[root@tomcat ~]# ifconfig ens33:1 192.168.8.129
3. 修改配置文件
[root@tomcat ~]# vim /usr/local/nginx/conf/nginx.conf
[root@tomcat ~]# vim /usr/local/nginx/conf.d/abc.conf
4、基于端口的虚拟机的配置
不同端口访问不同项目
[root@tomcat ~]# vim /usr/local/nginx/conf.d/abc.conf
[root@tomcat ~]# /usr/local/nginx/sbin/nginx -s reload
三、上线商城系统
生成一个,发布到nginx中 nodejs 安装npm 添加vue模块,使用vue创建vue3项目,构建静态资源,将静态资源添加到nginx项目
1、检查是否安装了epel
[root@tomcat ~]# yum list installed | grep epel
[root@tomcat ~]# yum -y install epel-release
2、安装nodejs
[root@tomcat ~]# yum -y install nodejs
3、安装npm
[root@tomcat ~]# yum -y install npm
[root@tomcat ~]# npm -v
8.19.4
4、安装vue
[root@tomcat ~]# npm config set registry https://registry.npmmirror.com
[root@tomcat ~]# npm install @vue/cli
[root@tomcat ~]# find / -name "vue"
/root/node_modules/vue
/root/node_modules/.bin/vue
[root@tomcat ~]# ls -l /root/node_modules/.bin/vue
[root@tomcat ~]# /root/node_modules/.bin/vue -V
@vue/cli 5.0.8
5、创建vue项目
[root@tomcat ~]# /root/node_modules/.bin/vue create eleme_web
[root@tomcat ~]# cd eleme_web
[root@tomcat eleme_web]# npm run serve
[root@tomcat eleme_web]# nohup npm run serve&
[root@tomcat eleme_web]# yum -y install samba
6、编辑配置文件
[root@tomcat eleme_web]# vim /etc/samba/smb.conf
7、创建用户
[root@tomcat eleme_web]# useradd vueediter
[root@tomcat eleme_web]# smbpasswd -a vueediter
New SMB password: 123
Retype new SMB password: 123
Added user vueediter.
8、为该用户在文件夹中添加读写权限
[root@tomcat eleme_web]# setfacl -m u:vueediter:rwx /root/eleme_web/
9、启动服务
[root@tomcat eleme_web]# systemctl start nmb
[root@tomcat eleme_web]# systemctl start smb
10、创建文件夹
[root@tomcat eleme_web]# mkdir public/img
[root@tomcat eleme_web]# mkdir public/video
[root@tomcat eleme_web]# mkdir public/music
11、部署nfs服务器
1. 安装
[root@elemestatic ~]# yum -y install rpcbind.x86_64
[root@elemestatic ~]# yum -y install nfs-utils.x86_64
2. 修改配置文件
[root@elemestatic ~]# vim /etc/exports
[root@elemestatic ~]# mkdir -p /static/img/
3. 启动服务
[root@elemestatic ~]# systemctl start rpcbind.service
[root@elemestatic ~]# systemctl start nfs
[root@elemestatic ~]# netstat -lnput | grep nfs
[root@elemestatic ~]# netstat -lnput | grep rpc
4. 另一台安装并挂载
[root@tomcat eleme_web]# yum -y install nfs-utils.x86_64
[root@tomcat eleme_web]# mount -t nfs 192.168.8.136:/static/img public/img/
[root@tomcat src]# cd components/
[root@tomcat components]# ls
HelloWorld.vue
[root@tomcat components]# vim HelloWorld.vue
[root@tomcat src]# ls views/
[root@tomcat src]# vim views/HomeView.vue
[root@tomcat eleme_web]#nohup npm run serve&
————————————————
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/m0_71589190/article/details/140830363