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.conf
 server {
	                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 ip地址的都修改为相同,. 两个 server 的监听端口一个设置为 80 一个设置为 8080
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

  • 25
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值