各类基于虚拟主机的应用及上线商城系统

news2024/9/24 9:20:31

一、基于域名访问

查看没有空行,没有注释的文件内容
[root@web ~]# grep -Ev "#|^$" /usr/local/nginx/conf/nginx.conf
[root@web ~]# cp /usr/local/nginx/conf/nginx.conf /usr/local/nginx/conf/nginx.conf.bak
[root@web ~]# grep -Ev "#|^$" /usr/local/nginx/conf/nginx.conf.bak > /usr/local/nginx/conf/nginx.conf
[root@web ~]# vim /usr/local/nginx/conf/nginx.conf

worker_processes  1;
events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    upstream a_name{                                        这里是上一期创建的一个代理服务组
    server 192.168.4.33:80;
    server 192.168.4.40:80;
}

    server{
        listen 80;                                                      设置监听端口
        server_name    www.zz.com;                       设置域名
        root        /zz;                                                 设置资源目录                     
        location / {                                                    设置路由location模块
        index        index.html;
            }
}        
    server {
        listen       80;
        server_name  localhost;
        location /status {                                        这四行是上一期设置的监听日志
    stub_status on;
    access_log off;
}
        location / {
        proxy_pass http://a_name;                        这里是上一期的设置方便找到代理组
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}
[root@web ~]# mkdir /zz                   因为在配置文档中写的是zz目录,所有我们创建一个zz目录
[root@web ~]# echo "i am zz" > /zz/index.html                       随便写入一点什么,方便后期分辨
[root@web ~]# /usr/local/nginx/sbin/nginx -s reload                重载
[root@web ~]# vim /etc/hosts                                

d4b338e25fec48fdad2391f1815039ee.png

[root@web ~]# curl www.zz.com
i am zz

935bc101276d48b6afd854532675ec66.png

由于有上一期写的的网页监控所以,我们可以看一下监控效果

15348a76ae864f03b3fcb2aa8981a99a.png

二、多页面访问

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

1.步骤:


(1) 在nginx目录下创建新的目录conf.d
(2)在conf.d目录中添加zz.conf文件
(3) 将在nginx.conf文件中创建的server复制到 zz.conf文件中
(4) 删除nginx.conf中原有的自定义server模块
(5) 在nginx.conf添加include,这里也可以写成相对路径,可以自由选择include /usr/local/nginx/conf.d/*.conf
(6) 重载nginx配置文件,测试

2、实行

2.2.1查看、创建、添加、复制

先查看这里的部分是不是我们需要的东西,是我们需要的东西就复制给新建的conf文件

[root@web ~]# sed -n '14,21p' /usr/local/nginx/conf/nginx.conf
    server{
        listen 80;
        server_name    www.zz.com;
        root        /zz;
        location / {
        index        index.html;
            }
}        
[root@web ~]# sed -n '14,21p' /usr/local/nginx/conf/nginx.conf > /usr/local/nginx/conf.d/zz.conf
[root@web ~]# cat /usr/local/nginx/conf.d/zz.conf
    server{
        listen 80;
        server_name    www.zz.com;
        root        /zz;
        location / {
        index        index.html;
            }
}        

2.2.2移除这部分的模块:


[root@web ~]# sed -i '14,21d' /usr/local/nginx/conf/nginx.conf

[root@web ~]# cat /usr/local/nginx/conf/nginx.conf
worker_processes  1;
events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    upstream a_name{
        server 192.168.4.33:80;
        server 192.168.4.40:80;
}    
    server {
        listen       80;
        server_name  localhost;
        location /status {
    stub_status on;
    access_log off;
}
        location / {
        proxy_pass http://a_name;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

2.2.3写入移除模块的匹配位置,便于便于寻找


[root@web ~]# vim /usr/local/nginx/conf/nginx.conf
worker_processes  1;
events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    upstream a_name{
        server 192.168.4.33:80;
        server 192.168.4.40:80;
}
    include        ../conf.d/*.conf;
    server {
        listen       80;
        server_name  localhost;
        location /status {
    stub_status on;
    access_log off;
}
        location / {
        proxy_pass http://a_name;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}
[root@web ~]# /usr/local/nginx/sbin/nginx -s reload                    重新加载文件配置

326e6b6525ea44da82e0a307e275c1e5.png

三、基于IP访问

[root@web ~]# ifconfig ens33:1 192.168.4.200
[root@web ~]# ifconfig

af5890c1c2fd4b55b32d121c40363462.png

0fc66b91f82746f38fdb0b75190dc92f.png

四、基于端口访问
 

把端口配置改成不一样的,但是IP改为一致的。

[root@web ~]# vim /usr/local/nginx/conf.d/zz.conf 
 

6ada3c834c22402b8a759d1911f1a72f.png

[root@web ~]# vim /usr/local/nginx/conf/nginx.conf

e0d782abc0114561b59831e34628512f.png
[root@web ~]# /usr/local/nginx/sbin/nginx -s reload5d3bbc9ce0fd498486a2fb7c54d1efab.png436889328779475283115b98643dccd1.png

五、上线一个静态的前端系统
[root@web ~]# yum -y install nodejs
[root@web ~]# node -v
v16.20.2
[root@web ~]# yum -y install npm
[root@web ~]# npm -v
8.19.4
[root@web ~]# npm config set registry https://registry.npmmirror.com
[root@web ~]# npm install @vue/cli
[root@web ~]# ls -l /usr/local/node_modules/.bin/vue
lrwxrwxrwx. 1 root root 22 7月  31 14:42 /usr/local/node_modules/.bin/vue -> ../@vue/cli/bin/vue.js
[root@web ~]# /usr/local/node_modules/.bin/vue -V
@vue/cli 5.0.8
[root@web elem_web]# /usr/local/node_modules/.bin/vue  create elem_web
[root@web elem_web]# cd elem_web/
[root@web elem_web]# npm run server&
[root@web elem_web]# yum -y install samba
[root@web elem_web]# vim /etc/samba/smb.conf
[root@web elem_web]# useradd vueediter
[root@web elem_web]# smbpasswd -a vueediter
New SMB password:
Retype new SMB password:
Added user vueediter.
为用户在文件夹中添加读写权限
[root@web elem_web]# setfacl -m u:vueediter:rwx /root/elem_web/
启动服务
[root@web elem_web]# systemctl start nmb.service 
[root@web elem_web]# systemctl start smb.service 
[root@web elem_web]# mkdir public/vido
[root@web elem_web]# mkdir public/music
[root@web elem_web]# mkdir public/img
[root@web elem_web]# tree public/
public/
├── favicon.ico
├── img
├── index.html
├── music
└── vido
克隆一台虚拟机
[root@ntp ~]#  yum -y install nfs-utils.x86_64
[root@ntp ~]# yum -y install rpcbind
[root@ntp ~]# vim /etc/exports
/static/img    *(rw,sync)
[root@ntp ~]# mkdir -p /static/img
[root@ntp ~]# systemctl start rpcbind.service
[root@ntp ~]# systemctl start nfs
[root@ntp ~]# netstat -lnput | grep rpc            查看111端口是否开启
tcp        0      0 0.0.0.0:111             0.0.0.0:*               LISTEN      1971/rpcbind
回到elem_web
[root@web elem_web]# yum -y install nfs-utils
[root@web elem_web]# systemctl start rpcbind
[root@web elem_web]# systemctl start nfs
[root@web elem_web]# mount -t nfs 192.168.4.40:/static/img public/img
回到ntp
[root@ntp ~]# cd /static/img/
[root@ntp img]# rz -E
rz waiting to receive.
[root@ntp img]# ls
a.png
回到elem_web
[root@web elem_web]# ls public/img/
a.png
[root@web elem_web]# vim src/views/HomeView.vue

ff31ae3513274b4c857a905dc20d3db1.png
[root@web elem_web]# npm run serve&

74d913fd3e444051abc9691e7af7e9c3.png

 

 

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

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

相关文章

temu插件丨temu插件下载免费体验-特喵数据

在当今这个日新月异的电商时代,每一个细微的洞察都可能是商家决胜千里的关键。随着跨境电商平台的蓬勃兴起,Temu作为一股不可忽视的新兴力量,正以其独特的模式和强大的数据分析能力,引领着行业的新风尚。接下来看看让您的Temu店铺…

解决TensorFlow非法指令 (核心已转储)问题

背景 测试环境使用TensorFlow 1.14.0运行实体抽取和事项要素项目正常,打包项目和miniconda3环境进行部署,进行predict时报错。然后使用dockerfile生成环境镜像进行部署,发现仍报错。最后查资料解决该问题。 Using TensorFlow backend. 非法指…

《CSS创意项目实战指南》:点亮网页,从实战中掌握CSS的无限创意

CSS创意项目实战指南 在数字时代,网页不仅是信息的载体,更是艺术与技术的融合体。通过CSS,你可以将平凡的网页转变为引人入胜的视觉盛宴,让用户体验跃升至全新高度。《CSS创意项目实战指南》正是这样一本引领你探索CSS无限可能的…

【全志H616开发】SQLite打开/创建数据库的C接口

文章目录 打开/创建数据库的C接口函数介绍sqlite3_open函数sqlite3_close函数sqlite3_errmsg函数 代码示例 打开/创建数据库的C接口函数介绍 sqlite3_open函数 sqlite3_open 是 SQLite 数据库库中的一个函数,用于打开一个新的数据库连接。如果指定的数据库文件不存…

大厂linux面试题攻略一之网络基础

一、网络基础类面试题 1.简述ISO/OSI七层模型(理论模型)的分层与作用 ISO:国际标准化组织 OSI:开放系统互联 第7层应用层:为用户提供服务,给用户一个操作界面 第6层表示层:数据提供表示、加密…

从零入门 AI for Science(AI+药物) #Datawhale AI 夏令营 Task2

书接上回: 从零入门 AI for Science(AI药物) #Datawhale AI 夏令营 Task2 前面了解了赛题,这个主要讲baseline代码,入门RNN和特征工程 解读官方baseline set_random_seed 统一设置随机种子 def set_random_seed(seed):"""设…

一万亿token!34亿张图像,扩大10倍!史上最大开源多模态数据集MINT-1T发布!

众所周知,现在训练AI最需要的是什么? 数据,数据,还是数据。——毕竟只有让AI学好了,AI才能好好地回答你的问题,否则就会答非所问。 但是喂给AI的数据,现在和GPU一样,成了紧缺资源。…

Java:类集(List,Vector,Set,HashMap)

类集:就是一个动态的对象数组,是对一些实现好的数据结构的包装,这样在使用时会非常方便,而且最重要的是类集框架本身不受对象数组长度的限制。 类集的特性:(1)这种框架是高性能的,对基本类集(动态数组、链接表、树和散列表)的实现是高效率的。所以一般很少需要人工对…

汇舟问卷:从了解国外问卷工作室开始!

大家好,我是汇舟问卷。上个月有个互联网大厂上班的经理联系到我,向我们咨询了关于国外问卷调查工作室的情况。 他对当时稳定的生活状态感到担忧担忧:每月稳定的收入虽然足以应对家庭开支,却难以积蓄足够的资金,尤其是…

公布一批神马爬虫IP地址,真实采集数据

一、数据来源: 1、这批神马爬虫IP来源于尚贤达猎头公司网站采集数据; 2、数据采集时间段:2023年10月-2024年1月; 3、判断标准:主要根据用户代理是否包含“YisouSpider”,具体IP没做核实。 二、神马爬虫主…

Javascript前端基础面试(十)

MVVM Vue MVVM这一篇就够啦&#xff01;_vue r mvvm-CSDN博客 点容器内的图标,图标边框变成border 1px solid red&#xff0c;点空白处重置 <div id"container"> <img src"icon.png" alt"Icon" class"icon"> <!…

SpringSecurity登录认证流程及源码分析

目录 一 作用 二 流程及源码分析 一 作用 spring security作为spring家族中的一员&#xff0c;它的主要作用有两个&#xff0c;分别是认证和授权。 我们以前在实现登录功能的时候&#xff0c;前端会传来用户名和密码&#xff0c;然后我们根据前端传来的数据从用户表中的数据进…

【AI大模型】分布式训练:深入探索与实践优化

欢迎来到 破晓的历程的 博客 ⛺️不负时光&#xff0c;不负己✈️ 文章目录 一、分布式训练的核心原理二、技术细节与实现框架1. 数据并行与模型并行2. 主流框架 三、面临的挑战与优化策略1. 通信开销2. 数据一致性3. 负载均衡 4.使用示例示例一&#xff1a;TensorFlow中的数据…

深入解析Kubernetes(K8s)的核心技术与应用

一、引言 在云计算和容器化技术迅猛发展的今天&#xff0c;Kubernetes&#xff08;简称K8s&#xff09;凭借其强大的容器编排和管理能力&#xff0c;成为了云原生时代不可或缺的基础设施。本文旨在深入探讨Kubernetes的核心技术、应用场景、优势与挑战&#xff0c;以及如何在实…

图创价值 Live——解锁能源新未来!能源行业图技术解决方案深度探索

随着全球能源结构的深刻变革&#xff0c;能源系统正面临着前所未有的挑战与机遇。新能源的迅猛发展、电力市场化的推进以及电网调度的复杂性不断升级&#xff0c;都对能源系统的智能化、高效化提出了更高要求。为此&#xff0c;我们特别邀请了到了悦数解决方案专家-鲍翰林&…

数据结构第1天作业 7月31日

2.3按位置操作 1&#xff09;按照位置插入数据 void Insert_seqlist_single(Seqlist* sq,int arr_sub,int num){if(sq->posN ){ //判断顺序列表是否为满printf("error");return;}else if(arr_sub<0||arr_sub>sq->pos){printf("error…

微信小程序【五】好玩的点击展开弹框功能

弹出效果 步骤一、index.js步骤二、index.json步骤三、index.wxml步骤四、index.wxss 效果简述&#xff1a;恶搞的好玩点击效果&#xff0c;点击后展开 步骤一、index.js Page({data: {isPlaying: true,animationClass: music-icon,show_menu: false, // 菜单是否激活show_p…

异构算力的调度策略解析与实现

随着云计算、大数据和人工智能技术的飞速发展&#xff0c;异构算力调度成为了一个日益重要的课题。异构算力调度是指针对不同类型的计算资源&#xff08;如CPU、GPU、FPGA等&#xff09;进行合理分配与调度&#xff0c;以提高计算资源的利用率、降低功耗并加速任务执行。本文将…

浮点数的二进制表示

浮点数的二进制表示 浮点数在C/C中对应 float 和 double 类型&#xff0c;我们有必要知道浮点数在计算机中实际存储方式。 IEEE754规定&#xff1a; 单精度浮点数字长32位&#xff0c;尾数长度23&#xff0c;指数长度8,指数偏移量127&#xff1b;双精度浮点数字长64位&#xf…

Yarn UI 时间问题,相差8小时

位置 $HADOOP_HOME/share/hadoop/yarn/hadoop-yarn-common-2.6.1.jar 查看 jar tf hadoop-yarn-common-2.6.1.jar |grep yarn.dt.plugins.js webapps/static/yarn.dt.plugins.js 解压 jar -xvf hadoop-yarn-common-2.6.1.jar webapps/static/yarn.dt.plugins.js inflated: we…