当前位置：首页 > news >正文

青岛实训DAY18

news 来源：原创 2024/9/19 9:12:57

查看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