十八次（虚拟主机与vue项目、samba磁盘映射、nfs共享）

news2025/12/1 23:04:11

1、虚拟主机搭建环境准备

将原有的nginx.conf文件备份

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

原则上一个配置文件拥有一个http区块，并且只有一个

一个http可以有多个server区块

一个server区块成为一个虚拟主机

一个虚拟主机对应一个项目 一个server区块可以有多个location区块

每个location就是一个url链接的匹配规则

2、基于域名的虚拟主机

 [root@server ~]# vim /usr/local/nginx/conf/nginx.conf
 server {
        listen       80;
        server_name  localhost;
        root html;              //目录定位
        location / {
            index index.html;
        }
 [root@server ~]# mkdir /baibai     //创建一个页面根目录
[root@server ~]# echo "hello,i am baibai" > /baibai/index.html     //创建一个
首页
[root@server ~]# cat /baibai/index.html 
hello,i am baibai
在主配置文件中新创建一个七层模块server
 [root@server ~]# vim /usr/local/nginx/conf/nginx.conf
 http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    server {
              listen  80;
              server_name   www.baibai.com;
              root    /baibai;        //目录定位
              location  /  {   
                       index   index.html;
              }
    }
主机解释ip（本机自行进行域名解析）
[root@server ~]# vim /etc/hosts    //windows路径：
c:/windown/system32/drivers/etc/host/
 ......
 10.0.0.10 www.baibai.com
 [root@server ~]# curl www.baibai.com
 hello,i am baibai

一个服务器上同时部署多个项目,为了方便维护，可以将server模块单独抽离出来创建conf文件，然 后在主配置文件中使用include添加外部配置，这样让操作更加模块化。 将两个server分开到两个配置文件中

[root@server ~]# mkdir /usr/local/nginx/conf.d/    //创建新的配置文件目录
[root@server ~]# sed -n '11,18p' /usr/local/nginx/conf/nginx.conf
    server {
              listen  80;
              server_name   www.baibai.com;
              root    /baibai;
              location  /  {
                       index   index.html;
              }
    }
 [root@server ~]# sed -n '11,18p' /usr/local/nginx/conf/nginx.conf > 
/usr/local/nginx/conf.d/baibai.conf     //创建新的配置文件
[root@server ~]# cat /usr/local/nginx/conf.d/baibai.conf 
    server {
              listen  80;
              server_name   www.baibai.com;
              root    /baibai;
              location  /  {
                       index   index.html;
              }
    }
 [root@server ~]# sed -i '11,18d' /usr/local/nginx/conf/nginx.conf    //原配置
文件中删除该server
 [root@server ~]# vim /usr/local/nginx/conf/nginx.conf
 http {
    include       mime.types;
     default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    include   ../conf.d/*.conf;      //包含（引入）位于上级目录中的conf.d文件夹下的
所有以.conf 为扩展名的配置文件
[root@server ~]# /usr/local/nginx/sbin/nginx -s reload

3、于不同ip地址的虚拟主机

[root@server ~]# ifconfig ens33:1 10.0.0.11   //加一张网卡
[root@server ~]# ifconfig
 ens33: flags=4163<UP,BROADCAST,RUNNING,MULTICAST>  mtu 1500
        inet 10.0.0.10  netmask 255.255.255.0  broadcast 10.0.0.255
 ens33:1: flags=4163<UP,BROADCAST,RUNNING,MULTICAST>  mtu 1500
        inet 10.0.0.11  netmask 255.0.0.0  broadcast 10.255.255.255
        ether 00:0c:29:b1:2d:68  txqueuelen 1000  (Ethernet)
 [root@server ~]# vim /usr/local/nginx/conf/nginx.conf
 server {
        listen       80;
        server_name  10.0.0.10;     //修改为10.0.0.10
        root html;         //目录定位
        location / {
            index index.html;
              }
 [root@server ~]# vim /usr/local/nginx/conf.d/baibai.conf 
  server {
              listen  80;
              server_name   10.0.0.11;    //修改为10.0.0.11
              root    /baibai;    //目录定位
              location  /  {
                       index   index.html;
              }
    }
 [root@server ~]# /usr/local/nginx/sbin/nginx -s reload

4、基于不同端口的虚拟主机

设置两个server都基于相同的ip地址

[root@server ~]# vim /usr/local/nginx/conf.d/baibai.conf 
server {
              listen  80;
              server_name   10.0.0.10;
              root    /baibai;
              location  /  {
                       index   index.html;
              }
    }
 [root@server ~]# /usr/local/nginx/sbin/nginx -s reload
 nginx: [warn] conflicting server name "10.0.0.10" on 0.0.0.0:80, ignored     
//报错，产生冲突
[root@server ~]# vim /usr/local/nginx/conf.d/baibai.conf 
    server {
              listen  8080;        //修改端口
              server_name   10.0.0.10;
              root    /baibai;
                location  /  {
                       index   index.html;
              }
    }
 [root@server ~]# /usr/local/nginx/sbin/nginx -s reload

5、上线商城系统

上线一个静态的前端系统 安装npm 添加vue模块 使用vue创建vue3项目，构建静态资源 将静态资源添加到nginx项目 在安装nodejs之前，需要检查是否安装了epel

（1）项目创建的环境准备
[root@server ~]# yum list install | grep epel    //检查epel环境
[root@server ~]# yum list | grep nodejs   //查询nodejs软件包
[root@server ~]# yum -y install nodejs    //安装nodejs
[root@server ~]# node -v    //查看nodejs版本
v16.20.2
[root@server ~]# yum -y install npm    //安装npm（nodejs的包管理器，rpm是红帽的包
管理器）
[root@server ~]# npm -v   //查看npm版本
8.19.4
默认npm下载文件的链接在国家域外，下载很慢，所以使用淘宝的镜像
[root@server ~]# npm config set registry https://registry.npmmirror.com     
//下载国内的包（而不是下载国外的包）
[root@server ~]# npm install @vue/cli    //使用nmp安装vue
[root@server ~]# find / -name "vue"   //查找vue文件
/root/node_modules/vue
 /root/node_modules/.bin/vue
[root@server ~]# ls -l /root/node_modules/.bin/vue   //可执行文件
lrwxrwxrwx. 1 root root 22 7月  31 14:40 /root/node_modules/.bin/vue -> 
../@vue/cli/bin/vue.js
[root@server ~]# /root/node_modules/.bin/vue -V   //查看vue版本
@vue/cli 5.0.8
[root@server ~]# ln -s /root/node_modules/.bin/vue  /usr/bin/   //创建软链接
[root@server ~]# vue -V
 @vue/cli 5.0.8
（2）创建vue项目
 [root@server ~]# vue create eleme_web  （空格选择，回车下一步）   //创建名为
eleme_web的项目

选择Manually select features 按回车

选择Router和Vuex按空格后 按回车

一直回车到下图所示

项目创建完成，按照提示信息进行下一步操作

[root@server ~]# cd eleme_web/
[root@server eleme_web]# npm run serve   //运行服务

浏览器访问：10.0.0.10:8080

[root@server eleme_web]# nohup npm run serve&    //将服务放到后台执行
[1] 3024
[root@server eleme_web]# nohup: 忽略输入并把输出追加到"nohup.out"
[root@server eleme_web]# fg    //将进程杀死
nohup npm run serve
 ^C
[root@server eleme_web]# fg-bash: fg: 当前: 无此任务
（3）配置samba

linux系统与windows系统磁盘映射实现文件共享

安装samba

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

编辑配置文件

[root@static eleme_web]# vim /etc/samba/smb.conf
​
[eleme_web]
​
        comment=yjj
​
        path=/root/eleme_web
​
        guest ok=no
​
        writable=yes
[root@static eleme_web]# useradd vueediter
[root@static eleme_web]# smbpasswd -a vueediter
New SMB password:1
Retype new SMB password:1
Added user vueediter.
​

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

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

启动服务

[root@static eleme_web]# systemctl start nmb
[root@static eleme_web]# systemctl start smb

windows测试：点击此电脑-----计算机-------映射网络驱动器

创建nfs环境

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

部署nfs服务器

[root@eleme ~]# yum -y install rpcbind
[root@eleme ~]# yum -y install nfs-utils
[root@eleme ~]# vim /etc/exports
/static/img/ *{rw,sync}   #共享/static/img/目录   所有人可以访问   拥有读写权限和同步功能
[root@eleme ~]# mkdir -p /static/img/
[root@elemestatic ~]# systemctl start nfs    //启动nfs服务
[root@elemestatic ~]# systemctl start rpcbind   //启动rpcbind服
[root@server eleme_web]# mount -t nfs 10.0.0.50:/static/img/  ./public/img/   
  //将nfs服务器共享的目录挂载到/root/eleme_web/public/img/下
将图片拖拽到nfs服务器主机的共享目录中
[root@elemestatic img]# ls
1.jpg
[root@server img]# ls    //nfs客户端中可以查看图片
1.jpg

修改vue页面

[root@server eleme_web]# cd src/views/
[root@server views]# ls
 AboutView.vue  HomeView.vue
[root@server views]# vim HomeView.vue 
 <img alt="Vue logo" src="img/1.jpg">

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1965150.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

视频编辑SDK，功能全面、包体小，支持高效灵活接入

视频编辑SDK，功能全面、包体小，支持高效灵活接入

如何在快节奏的市场环境中&#xff0c;快速制作出高质量、富有吸引力的视频内容&#xff0c;成为了众多企业面临的共同挑战。美摄科技&#xff0c;作为视频编辑技术的先行者&#xff0c;携其全面功能、小巧包体、高效灵活接入的视频编辑SDK&#xff0c;为企业视频创作带来了革命…
阅读更多...
pytorch tensor的高级索引

pytorch tensor的高级索引

1. 取索引的方式[[a,b,c...],[a,b,c...] ] 下面的例子对于这个x进行操作 全取x, print(x[:,:,:]) 第一个冒号代表0轴&#xff0c;第二个冒号代表1轴&#xff0c;第三个冒号代表2轴 第一个冒号可以选这类 第二个冒号可以选这类 第三个冒号可以选这类 2. 比较符号 idxx[:,0,:…
阅读更多...
全麦饼：健康与美味的完美结合

全麦饼：健康与美味的完美结合

在追求健康饮食的当下&#xff0c;全麦饼以其独特的魅力脱颖而出&#xff0c;成为了众多美食爱好者的新宠。食家巷全麦饼&#xff0c;顾名思义&#xff0c;主要由全麦面粉制作而成。与普通面粉相比&#xff0c;全麦面粉保留了小麦的麸皮、胚芽和胚乳&#xff0c;富含更多的膳食…
阅读更多...
基于SpringBoot+Vue的热门网游推荐网站(带1w+文档)

基于SpringBoot+Vue的热门网游推荐网站(带1w+文档)

基于SpringBootVue的热门网游推荐网站(带1w文档) 基于SpringBootVue的热门网游推荐网站(带1w文档) 本系统选用B/S结构开发&#xff0c;它是一个提供可以对热门网游推荐进行信息管理的系统&#xff0c;用户可以在该系统获取最新动态&#xff0c;可以结识更多的朋友&#xff0c;产…
阅读更多...
Scrapy vs Beautifulsoup - 哪一个更适合您？

Scrapy vs Beautifulsoup - 哪一个更适合您？

你是新手开发者还是经验丰富的开发者&#xff1f; 不管怎样&#xff0c;有一点是肯定的——网页爬虫对你来说可能很棘手&#xff01; 因此&#xff0c;我们必须选择一个高效的工具来简化我们的工作。 你在权衡哪个更适合网页爬虫&#xff0c;Scrapy还是BeautifulSoup吗&…
阅读更多...
基于alpha shapes的任意空间平面点云边缘提取（python）

基于alpha shapes的任意空间平面点云边缘提取（python）

1、背景介绍 基于alpha shapes提取二维平面点云边缘点&#xff0c;一般是将点云投影至xoy平面&#xff0c;利用x、y坐标根据alpha shapes判别准则即可实现边缘点识别。具体的原理&#xff0c;可以参考之前博客&#xff1a; 基于alpha shapes的点云边缘点提取&#xff08;pytho…
阅读更多...
Vulnhub - JANGOW: 1.0.1 靶标实战

Vulnhub - JANGOW: 1.0.1 靶标实战

靶场地址&#xff1a;https://www.vulnhub.com/entry/jangow-101,754/ 靶场IP&#xff1a;192.168.56.118 信息收集 使用御剑对目标进行扫描 该靶标开启了21、80两个端口&#xff0c;21端口运行服务为ftp&#xff0c;其版本为 vsftpd 3.0.3 &#xff0c;80端口运行服务为Apa…
阅读更多...
飞塔fortigate怎么进入cli

飞塔fortigate怎么进入cli

好几个人问了好几次 捂脸 就右上角找到这个图标点进去
阅读更多...
干货来喽：车载语音识别测试全面分析笔记！

干货来喽：车载语音识别测试全面分析笔记！

从台架到实车的语音识别专项测试实战&#xff0c;笔记很详细哦&#xff0c;跟着了解学习起来&#xff01; 一、语音识别原理及测试范围 1、语音识别的原理&#xff1a; ① 通过麦克风输入人的声音 ② 声学处理&#xff1a;处理掉杂音,噪音 ③ 特征处理&#xff1a;提取声音中…
阅读更多...
花几千上万学习Java，真没必要！（三十七）

花几千上万学习Java，真没必要！（三十七）

IO 流&#xff1a; 读取数据到内存的过程&#xff1a;可以包括从硬盘、网络或其他存储设备中将数据加载到内存中&#xff0c;以便程序能够访问和处理这些数据。 写入数据到硬盘的过程&#xff1a;通常是将内存中的数据保存到硬盘或其他持久性存储设备中&#xff0c;以便长期存…
阅读更多...
【香橙派系列教程】（四）基于ARM-Linux架构的语音控制刷抖音项目

【香橙派系列教程】（四）基于ARM-Linux架构的语音控制刷抖音项目

【四】基于ARM-Linux架构的语音控制刷抖音项目 文章目录 【四】基于ARM-Linux架构的语音控制刷抖音项目1.语音模块配置1.创建产品2.引脚配置3.词条定义4.添加控制5.发布版本6.烧录固件 2.编程实现语音和开发板通信3.手机接入Linux热拔插1.dmesg命令2.adb调试踩坑问题 3.总结 4.…
阅读更多...
Day14-Servlet后端验证码的实现

Day14-Servlet后端验证码的实现

图片验证码的生成采用的是Kaptcha&#xff1b; Kaptcha是一个高度可配置的验证码生成工具&#xff0c;由Google开源。它通过一系列配置文件和插件&#xff0c;实现了将验证码字符串自动转换成图片流&#xff0c;并可以与session进行关联&#xff0c;从而在验证过程中使用&#…
阅读更多...
如何快速进行视频截屏？5个软件帮助你快速截屏

如何快速进行视频截屏？5个软件帮助你快速截屏

如何快速进行视频截屏&#xff1f;5个软件帮助你快速截屏 截取视频屏幕是一项常见的任务&#xff0c;无论是为了制作教学视频、分享有趣的片段&#xff0c;还是保存重要的画面。以下是五款好用的软件&#xff0c;能够帮助你快速进行视频截屏。 迅捷视频转换器 这款软件不单…
阅读更多...
EF8 code first 模式下去除自动生成表加s（复数形式）全网第一帖

EF8 code first 模式下去除自动生成表加s（复数形式）全网第一帖

前言: 今天下午一直在纠结这个问题&#xff0c;EF如果采用code first模式&#xff0c;进行迁移&#xff0c;他会表名自动给你加上s形成复数形式&#xff0c;搜了很久找到的觉方案有两种&#xff0c;其中实体类指定表名的方法是可行的&#xff0c;另外一种都是说 modelBuilder.…
阅读更多...
昇思25天学习打卡营第XX天|LSTM+CRF序列标注

昇思25天学习打卡营第XX天|LSTM+CRF序列标注

条件随机场&#xff08;CRF&#xff09;是一种用于序列预测的概率图模型&#xff0c;它考虑了序列中元素之间的相互依赖关系。与简单的多分类问题不同&#xff0c;CRF能够捕捉序列中标签的连贯性&#xff0c;如在命名实体识别中&#xff0c;一个词的标签往往依赖于它前面词的标…
阅读更多...
【JDK11和JDK8并行与切换】

【JDK11和JDK8并行与切换】

一、JDK11安装 1、下载jdk11&#xff0c;点击.exe安装在&#xff1a;C:\Program Files\Java\jdk-11\ 2、配置JAVA_HOME 变量名为JAVA_HOME 变量值为jdk安装路径 3、配置PATH 找到系统变量里的PATH 双击或者单击后点击编辑 点击右上角的新建 新建两条 %JAVA_HOME%\bin …
阅读更多...
详细介绍Linux iftop 的结果如何查看

详细介绍Linux iftop 的结果如何查看

目录 1. 安装 iftop 2. 运行 iftop 3. iftop 界面详解 3.1 标题栏 3.2 流量显示区域 3.3 汇总信息 3.4 底部栏 4. 常用选项和快捷键 4.1 常用选项 4.2 常用快捷键 5. 实际案例 6. 真实排查网络【下行带宽过高】问题案例 6.1 【定义出口ip和端口】iftop -P 在流出服…
阅读更多...
漏洞打靶AI-web1.0

漏洞打靶AI-web1.0

下载安装靶机后要进行靶机ip的确定&#xff0c;具体步骤可以查看我的上一篇博客&#xff0c;这里就不细说了。 在物理机访问靶机IP地址进入这样一个页面&#xff0c;我们发现这里没有输入框也没有点击按钮&#xff0c;导致我们无处下手&#xff0c;不过我们还可以用工具去扫描…
阅读更多...
无人机之社区管理篇

无人机之社区管理篇

在社区管理中&#xff0c;无人机的应用更是为传统的管理方式带来了革新与便利。 一、安全监控与巡逻 无人机可以配备高清摄像头和红外传感器&#xff0c;进行24小时不间断的监控和巡逻。在社区中&#xff0c;无人机可以用于检测公共区域的安全状况&#xff0c;及时发现异常情况…
阅读更多...
【C语言】处理文件错误：详解 strerror, perror, 和 fopen

【C语言】处理文件错误：详解 strerror, perror, 和 fopen

&#x1f984;个人主页:小米里的大麦-CSDN博客 &#x1f38f;所属专栏:https://blog.csdn.net/huangcancan666/category_12718530.html ⚙️操作环境:Visual Studio 2022 目录 一、引言 二、fopen 函数 解释&#xff1a; 1. 函数原型 2. 参数 3. 代码示例 三、strerror …
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023