查看nginx配置文件
不看空行,不看注释,查找
[root@staticserver ~]# grep -Ev "#|^$" /usr/local/nginx/conf/nginx.conf
把原有的文件备份
[root@staticserver ~]# cp /usr/local/nginx/conf/nginx.conf /usr/local/nginx/conf/nginx.conf.bak备份
[root@staticserver ~]# grep -Ev "#|^$" /usr/local/nginx/conf/nginx.conf.bak > /usr/local/nginx/conf/nginx.conf 重定向
[root@staticserver ~]# vim /usr/local/nginx/conf/nginx.conf
在配置文件中:
基于域名的虚拟主机
修改配置文件,并且重启服务
[root@staticserver ~]# vim /usr/local/nginx/conf/nginx.conf
[root@staticserver ~]# /usr/local/nginx/sbin/nginx
创建项目,用于部署在nginx中发布到网络
在/zhangmin目录下创建一个文件index.html
[root@staticserver ~]# mkdir /zhangmin
[root@staticserver ~]# echo "hello,i am zm" > /zhangmin/index.html
[root@staticserver ~]# cat /zhangmin/index.html
hello,i am zm
将/zhangmin目录中的资源发布
配置nginx.conf文件在http下
在主机劫持ip
[root@staticserver ~]# vim /etc/hosts
[root@staticserver ~]# curl www.zhangmin.com 可以访问到了
hello,i am zm
基于ip来访问
将刚才配置的server模块保存到奥一个新的文件中
sed -n "12,19p" /usr/local/nginx/conf/nginx.conf > /usr/local/nginx/conf.d/zhangmin.conf
在主配置文件中添加和zhangmin.conf的联系
[root@staticserver ~]# vim /usr/local/nginx/conf.d/zhangmin.conf
[root@staticserver ~]# /usr/local/nginx/sbin/nginx -s reload
把两个文件中的地址改为一样
被警告
[root@staticserver ~]# /usr/local/nginx/sbin/nginx -s reload
nginx: [warn] conflicting server name "192.168.2.39" on 0.0.0.0:80, ignored
[root@staticserver ~]#
把一个文件的端口改为8080
修改端口为8080
可以访问到
综合项目eleme前端部署
上线一个前端系统
生成一个,发布到nginx中
nodejs 安装npm添加vue模块,使用vue模块创建vue3项目,构建静态资源,将静态资源添加到nginx项目
在安装nodejs之前,需要检查是否安装了epel
yum list installd | grep epel
[root@staticserver ~]# yum -y install nodejs 安装nodejs
[root@staticserver ~]# node -v 检查版本信息
v16.20.2安装npm nodejs的包管理器
[root@staticserver ~]# yum -y install npm 安装npm
[root@staticserver ~]# npm -v 查看npm的版本信息
8.19.4[root@staticserver ~]# npm config set registry https://registry.npmmirror.com 淘宝的镜像
检查是否已经安装nodejs,这也是一个运行环境
npm和rpm都是包管理器,rpm就是管理,npm就是用于管理nodejs开发的软件
默认npm下载文件的链接在国家域外,下载很慢,所以使用淘宝的镜像
安装vue
[root@staticserver ~]# npm install @vue/cli 安装vue的脚本架(必须先有镜像)
366 find / -name "vue"
367 ls -l /root/node_modules/.bin/vue
368 /root/node_modules/.bin/vue -v
创建vue项目
[root@staticserver ~]# /root/node_modules/.bin/vue create eleme_web
[root@staticserver ~]# cd eleme_web/
[root@staticserver eleme_web]# npm run serve访问ip加端口号:
[root@staticserver eleme_web]# nohup npm run serve&
[1] 4232
[root@staticserver eleme_web]# nohup: 忽略输入并把输出追加到"nohup.out"
配置samba
[root@staticserver eleme_web]# yum -y install samba 安装samba
编辑配置文件
root@staticserver eleme_web]# vim /etc/samba/smb.conf
[eleme_web]
comment=aaaaa
path=/root/eleme_web
guest ok =no
writable=yes
创建用户为该用户在文件夹中添加读写权限
[root@staticserver eleme_web]# setfacl -m u:vueediter:rwx /root/eleme_web/
启动服务
[root@staticserver eleme_web]# systemctl start nmb
[root@staticserver eleme_web]# systemctl start smb
部署nfs服务器
305 yum -y install rpcbind.x86_64
306 yum -y install nfs-utils.x86_64
[root@nfs ~]# vim /etc/exports[root@nfs ~]# cat /etc/exports
/static/img/ *(rw,sync)[root@nfs ~]# mkdir -p /static/img
[root@nfs ~]# systemctl start rpcbind
[root@nfs ~]# systemctl start nfs
[root@nfs ~]# netstat -lnput | grep nfs
[root@nfs ~]# systemctl status firewalld
在web服务器上也安装
[root@staticserver eleme_web]# yum -y install nfs-utils.x86_64
[root@staticserver eleme_web]# mount -t nfs 192.168.2.43:/static/img public/img/ 挂载
[root@staticserver eleme_web]# cd src
[root@staticserver src]# vim views/HomeView.vue