Linux---虚拟主机配置(基于域名、基于ip、基于端口)以及上线商城系统(nodejs、npm、vue、samba、nfs)

目录

1.基于域名的虚拟主机

1.配置文件结构

2.配置过程

2.基于ip的虚拟主机

1. 在linux系统中添加新的ip地址

2.修改配置文件

3.基于端口的虚拟主机

1.修改配置文件

2.重载nginx

3.开放端口或防火墙

4.访问测试

4.上线商城系统

1.安装nodejs

2.安装npm

3.安装vue

4.创建eleme_web项目

5.将eleme_web项目使用samba共享

6.部署nfs服务器

1.安装组件

2.共享路径并创建目录

3.启动服务

4.查看端口是否监听

5.安装nfs

6.挂载共享目录

7.上传一个图片到nfs服务器

8.查看共享图片

---

1.基于域名的虚拟主机

1.配置文件结构

1. 一个配置文件一般只有一个http模块

2. 一个http模块可以有多个server模块

3. 一个server模块就是一套web项目

4. 一个server模块中可以有多个location

5. location就是项目中的url路由

2.配置过程

1.创建一个目录

[root@staticserver ~]# mkdir /qingtang

2.发布一个静态项目

[root@staticserver ~]# echo "hello,i am qingtang" > /qingtang/index.html

3.修改配置文件

[root@staticserver ~]# vim /usr/local/nginx/conf/nginx.confserver {listen          80;    #监听端口server_name     www.qingtang.com;    #服务名称root            /qingtang;location / {index   index.html;}	}

4.劫持IP地址

[root@staticserver ~]# /usr/local/nginx/sbin/nginx -s reload   #重新加载
[root@staticserver ~]# vim /etc/hosts   #写入服务地址

 

5.测试

6.配置dns服务器

一个nginx服务器中有多个server的时候是非常难于管理的，我们会将每一个server单独创建一个文件保存，在主配置文件使用include。

mkdir /usr/local/nginx/conf.d/
touch /usr/local/nginx/conf.d/zhangmin.conf
sed -n 'server的行号p' /usr/local/nginx/conf/nginx.conf
> ..../zhangmin.conf
sed -i 'server的行号d' /usr/local/nginx/conf/nginx.conf
vim /usr/local/nginx/conf/nginx.conf
================
include /usr/local/nginx/conf.d/*.conf
/usr/local/nginx/sbin/nginx -s rdlaod

2.基于ip的虚拟主机

效果，使用不同的ip地址访问不同的项目。

1. 在linux系统中添加新的ip地址

ifconfig ens33:1 192.168.1.21

2.修改配置文件

修改nginx.conf中的server模块中的server_name将域名修改为ip地址.

server{listen 80;server_name 192.168.1.20;root       /qingtang;location / {index index.html;}
}server{listen 80;server_name 192.168.1.21;root          /qingtang;location html {index  index.html;}
}

3.基于端口的虚拟主机

不同端口访问不同的项目，这种一般用于企业内部测试，不会用于发布项目。

1.修改配置文件

server{listen 80;server_name 192.168.1.20;root       /qingtang;location / {index index.html;}
}server{listen 8080;server_name 192.168.1.20;root          /qingtang;location html {index  index.html;}
}

2.重载nginx

/usr/local/nginx/sbin/nginx -s reload

3.开放端口或防火墙

systemctl stop firewalld.service   #停止防火墙
firewall-cmd --zone=public --add-port=8080/tcp --premament   #开放8080端口

4.访问测试

curl 192.168.1.20:80
curl 192.168.1.20:8080

4.上线商城系统

1.安装nodejs

[root@staticserver ~]# yum list installed |grep epel   #检查是否由epel源
epel-release.noarch                   7-11                             @extras  [root@staticserver ~]# yum list |grep nodejs   #查看nodejs安装包
[root@staticserver ~]# yum -y install nodejs   #安装nodejs
[root@staticserver ~]# node -v   #查看安装的nodejs版本
v16.20.2

2.安装npm

[root@staticserver ~]# yum -y install npm
[root@staticserver ~]# npm -v
8.19.4

3.安装vue

npm和rpm一样，都是包管理器，npm用于管理nodejs开发的软件。默认的npm的下载文件链接在国外，下载很慢，所有所以使用国内的淘宝镜像下载。

#使用国内镜像
[root@staticserver ~]# npm config set registry https://registry.npmmirror.com#安装vue
[root@staticserver ~]# npm install @vue/cli 

查看vue所在位置

[root@staticserver ~]# find / -name "vue"
/root/node_modules/vue
/root/node_modules/.bin/vue

#查看版本：
[root@staticserver ~]# /root/node_modules/.bin/vue -V
@vue/cli 5.0.8

4.创建eleme_web项目

[root@staticserver ~]# /root/node_modules/.bin/vue create eleme_web

 到这个界面按上下键选择最后一个按回车确定

 按空格选中画出来的两个选项，再按回车确定

 之后就直接按回车就可以啦，等它创建

下面是创建完成的页面

#根据提示输入
[root@staticserver ~]# cd eleme_web
[root@staticserver eleme_web]# npm run serve

浏览器访问192.168.1.20:8080

5.将eleme_web项目使用samba共享

1.下载并配置samba

[root@staticserver eleme_web]# yum -y install samba

2.编辑配置文件，要知道需要共享的文件

[root@staticserver eleme_web]# pwd
/root/eleme_web
[root@staticserver eleme_web]# vim /etc/samba/smb.conf
…
[eleme_web]comment=qingtang    #指导员，随便写path=/root/eleme_web   #项目路径guest ok=no   #允许主机writable=yes

3.创建用户密码作为Windows连接服务的窗口

[root@staticserver eleme_web]# useradd vueediter
[root@staticserver eleme_web]# smbpasswd -a vueediter   设置密码，123
New SMB password:
Retype new SMB password:
Added user vueediter.

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

[root@staticserver eleme_web]# setfacl -m u:vueediter:rwx /root/eleme_web/

5.启动服务

[root@staticserver eleme_web]# systemctl start nmb.service
[root@staticserver eleme_web]# systemctl start smb.service

6.在Windows做以下操作，连接共享文件

 

 

8. 在static主机创建一个目录

[root@staticserver eleme_web]# mkdir public/img
[root@staticserver eleme_web]# mkdir public/video
[root@staticserver eleme_web]# mkdir public/music

6.部署nfs服务器

1.安装组件

[root@nfs ~]# yum -y install rpcbind.x86_64
[root@nfs ~]# yum -y install nfs-utils.x86_64

2.共享路径并创建目录

[root@nfs ~]# vim /etc/exports
/static/img/    *(rw,sync)
[root@nfs ~]# mkdir -p /static/img/

3.启动服务

[root@nfs ~]# systemctl start rpcbind.service
[root@nfs ~]# systemctl start nfs

4.查看端口是否监听

[root@nfs ~]# netstat -lnput | grep rpc

[root@nfs ~]# systemctl status firewalld.service

5.安装nfs

[root@staticserver eleme_web]# yum -y install nfs-utils.x86_64

6.挂载共享目录

[root@staticserver eleme_web]# mount -t nfs 192.168.1.25:/static/img/ public/img/
[root@staticserver eleme_web]# df -h

7.上传一个图片到nfs服务器

[root@nfs ~]# ls /static/img/
tupian.jpg

8.查看共享图片

[root@staticserver eleme_web]# ls public/img/
tupian.jpg