云计算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界面发生了变化,变成我们所设置的图片的界面咯

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值