云计算实训18——基于域名配置虚拟主机、基于ip配置虚拟主机、基于端口配置虚拟主机、配置samba、部署nfs服务器

一、配置文件的结构

1.首先查看配置文件

root@static-server \~# vim /usr/local/nginx/conf/nginx.conf

使用grep指令查看配置文件，同时不看空行不看注释

root@static-server \~# grep -Ev "#|^$" /usr/local/nginx/conf/nginx.conf

2.备份文件

将原有nginx.conf文件备份

root@static-server \~# cp /usr/local/nginx/conf/nginx.conf /usr/local/nginx/conf/nginx.conf.bak

将grep指令查看到的内容重定向到nginx.conf文件中

root@static-server \~# grep -Ev "#|^$" /usr/local/nginx/conf/nginx.conf.bak > /usr/local/nginx/conf/nginx.conf

3.修改配置文件

root@static-server \~# vim /usr/local/nginx/conf/nginx.conf

4.启动nginx服务

root@static-server \~# /usr/local/nginx/sbin/nginx

5.查看防火墙状态

root@static-server \~# systemctl status firewalld

二、基于域名配置虚拟主机

创建项目，部署nginx中发布到网络

第一步：新建目录

root@static-server \~# mkdir /dongdong

第二步：写入页面内容

root@static-server \~# echo "hello, I am dongdong" > /dongdong/index.html

第三步：新增server模块

root@static-server \~# vim /usr/local/nginx/conf/nginx.conf

重新加载服务

root@static-server \~# /usr/local/nginx/sbin/nginx -s reload

第四步：修改hosts文件

root@static-server \~# vim /etc/hosts

第五步：访问测试

使用浏览器访问

root@static-server \~# curl www.dongdong.com

hello, I am dongdong

使用域名访问

在本地磁盘C中搜索

C:\Windows\System32\drivers\etc

找到hosts文件，发现只读，编辑不了

将其复制一份到D盘进行编辑，编辑成功后，将其复制到C盘进行全覆盖就ok了

在hosts文件中新增一行

然后在浏览器访问：

第六步：每一个server单独创建一个文件保存，主配置文件中使用include的具体操作

1.在配置文件中找到server模块

root@static-server \~# sed -n '16,24p' /usr/local/nginx/conf/nginx.conf

server{

listen 80;

server_name www.dongdong.com;

root /dongdong;

location / {

index index.html;

}

}

2.新建目录和文件

新建目录

root@static-server \~# mkdir /usr/local/nginx/conf.d/

新建文件

root@static-server \~#touch /usr/local/nginx/conf.d/dongdong.conf

3.将刚配置的server模块保存到新的目录中

root@static-server \~# sed -n '16,24p' /usr/local/nginx/conf/nginx.conf > /usr/local/nginx/conf.d/dongdong.conf

查看

root@static-server \~# cat /usr/local/nginx/conf.d/dongdong.conf

server{

listen 80;

server_name www.dongdong.com;

root /dongdong;

location / {

index index.html;

}

}

4.修改配置文件

删除server模块，新增一行内容

root@static-server \~# vim /usr/local/nginx/conf/nginx.conf

5.重新加载服务

root@static-server \~# /usr/local/nginx/sbin/nginx -s reload

6.访问测试

输入IP地址访问：192.168.1.40

输入域名访问：www.dongdong.com

综上，实现了IP地址跟域名的分离

三、基于ip配置虚拟主机

第一步：首先新添加一张网卡

然后对新增的网卡2设置新的IP地址

第二步：修改配置文件

root@static-server \~# vim /usr/local/nginx/conf/nginx.conf

root@static-server \~# vim /usr/local/nginx/conf.d/dongdong.conf

第三步：重新加载服务

root@static-server \~# /usr/local/nginx/sbin/nginx -s reload

第四步：浏览器访问

使用网卡1的IP地址访问：192.168.1.40

：

使用网卡2的IP地址访问:192.168.1.41

不难发现我们使用，同一台主机不同的IP地址就能够访问到不同的页面

综上，实现了基于IP地址配置虚拟主机

四、基于端口的虚拟主机

1.设置两个server都具有相同的ip

这里将它们的IP地址都设为192.168.1.40

root@static-server \~# vim /usr/local/nginx/conf/nginx.conf

root@static-server \~# vim /usr/local/nginx/conf.d/dongdong.conf

此时，重新加载时报错

2.修改配置文件

root@static-server \~# vim /usr/local/nginx/conf.d/dongdong.conf

3.重新加载服务

root@static-server \~# /usr/local/nginx/sbin/nginx -s reload

4.浏览器访问测试

在浏览器输入： 192.168.1.40:8080

在浏览器输入ip地址：192.168.1.40

这里不难发现--不同端口访问到的页面不同

综上，实现了基于端口的虚拟主机的配置

五、上线一个静态的前端系统

1.检查是否安装epel

root@static-server \~# yum list installed | grep epel

安装epel

root@static-server \~# yum -y install epel-release.noarch

安装nidejs

root@static-server \~# yum -y install nodejs

检查是否安装nodejs

root@static-server \~# node -v

v16.20.2

2.安装npm

---nodejs的管理器

root@static-server \~# yum -y install npm

检查是否安装npm

root@static-server \~# npm -v

8.19.4

3.版本优化

使得npm的下载文件的连接是国内的

root@static-server \~# npm config set registry https://registry.nmpmirror.com

4.安装vue

root@static-server \~# npm insatll @vue/cli

查看名字中包含vue的文件

root@static-server \~# find / -name "vue"

/root/node_modules/vue

/root/node_modules/.bin/vue

查看文件

root@static-server \~# ls -l /root/node_modules/.bin/vue

lrwxrwxrwx. 1 root root 22 7月 31 14:43 /root/node_modules/.bin/vue -> ../@vue/cli/bin/vue.js

查看版本号

root@static-server \~# /root/node_modules/.bin/vue -V

@vue/cli 5.0.8

5.创建vue项目

root@static-server \~# /root/node_modules/.bin/vue create eleme_web

随后一路回车

出现successfully证明vue项目创建成功

6.运行npm

切入eleme_web目录

root@static-server \~# cd eleme_web/

运行

root@static-server eleme_web# npm run serve

得到下图所示页面

7.后台运行

root@static-server eleme_web# nohup npm run serve&

3 3735

root@static-server eleme_web# nohup: 忽略输入并把输出追加到"nohup.out"

（1）配置samba

1.安装samba

root@static-server eleme_web# yum -y install samba

2.编辑配置文件

root@static-server eleme_web# vim /etc/samba/smb.conf

3.创建用户

root@static-server eleme_web# useradd vueediter

4.设置密码

root@static-server eleme_web# smbpasswd -a vueediter

New SMB password:

Retype new SMB password:

Added user vueediter.

5.添加权限

为该用户在文件夹中添加读、写权限

root@static-server eleme_web# setfacl -m u:vueediter:rwx /root/eleme_web/

6.启动服务

启动nmb服务

root@static-server eleme_web# systemctl start nmb.service

启动smb服务

root@static-server eleme_web# systemctl start smb.service

7.创建驱动器

回到真机找到映射网络驱动器，添加如下内容：

输入用户名、密码

下图所示，就是我们所创建的驱动器

8.创建目录

root@static-server eleme_web# mkdir public/img

root@static-server eleme_web# mkdir public/video

root@static-server eleme_web# mkdir public/music

9.查看创建的目录

使用tree命令查看

（2）部署nfs服务器

新建一台主机部署nfs

1.安装软件包

安装rpcbind

root@eleme-static \~# yum -y install rpcbind.x86_64

安装ntf-utils

root@eleme-static \~# yum -y install nfs-utils.x86_64

2.创建目录

root@eleme-static \~# mkdir -p /static/img/

3.修改配置文件

root@eleme-static \~# vim /etc/exports

4.启动服务

root@eleme-static \~# systemctl start rpcbind.service

root@eleme-static \~# systemctl start nfs

5.在原主机上也部署nfs-utils

root@static-server eleme_web# yum -y install nfs-utils.x86_64

6.挂载

root@static-server eleme_web# mount -t nfs 192.168.1.80:/static/img public/img/

7.测试

在另一台主机上上传一张图片，在原主机（客户端）也能够看到

上传图片

原主机（客户端）验证

8.上传图片

切入到src目录，找到views目录

进入views目录，找到要编辑的配置文件

编辑配置文件

root@static-server views# vim HomeView.vue

9.后台运行

root@static-server views# nohup npm run serve&

10.浏览器验证

可以看到我们原本的vue界面发生了变化，变成我们所设置的图片的界面咯

至此，今天的任务结束咯！