综合项目部署——eleme前端部署(eighteen day)

news2024/11/15 21:10:42

显示没有空格没有注释的内容:

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

1、多虚拟主机的配置

[root@static-server ~]# vim /usr/local/nginx/conf/nginx.conf
[root@static-server ~]# /usr/local/nginx/sbin/nginx   #启动nginx服务

创建项目,用于部署在nginx中发布到网络
[root@static-server ~]# mkdir /xiaojiang
[root@static-server ~]# echo "hello,i am xiaojiang" > /xiaojiang/index.html
[root@static-server ~]# cat /xiaojiang/index.html 
hello,i am xiaojiang

[root@static-server ~]# vim /usr/local/nginx/conf/nginx.conf

  5 http {
  6     include       mime.types;
  7     default_type  application/octet-stream;
  8     sendfile        on;
  9     keepalive_timeout  65;
 10 

 11         server{
 12               listen             80;
 13               server_name        www.xiaojiang.com;
 14               root               /xiaojiang;
 15            location / {
 16                 index   index.html;
 17            }
 18         }

[root@static-server ~]# vim /etc/hosts

192.168.1.11   www.xiaojiang.com     #最后一行加这个
[root@static-server ~]# /usr/local/nginx/sbin/nginx -s reload
[root@static-server ~]# curl www.xiaojiang.com
hello,i am xiaojiang

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
如果想在物理机浏览器上访问到www.xiaojiang.com,则需要以下操作

物理机打开此位置C:\Windows\System32\drivers\etc

记事本打开hosts

最后一行加入 ( 192.168.1.10        www.xiaojiang.com)

替换文件

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

将刚才配置的server模块保存到一个新的文件中

[root@static-server ~]# sed -n "10,19p" /usr/local/nginx/conf/nginx.conf

    server{
          listen             80;
          server_name        www.xiaojiang.com;
          root               /xiaojiang;
       location / { 
        index   index.html;
       }
    }

[root@static-server ~]# mkdir  /usr/local/nginx/conf.d/
[root@static-server ~]# sed -n "10,19p" /usr/local/nginx/conf/nginx.conf > /usr/local/nginx/conf.d/xiaojiang.conf
[root@static-server ~]# cat /usr/local/nginx/conf.d/xiaojiang.conf 

    server{
          listen             80;
          server_name        www.xiaojiang.com;
          root               /xiaojiang;
       location / { 
        index   index.html;
       }
    }

[root@static-server ~]# sed -i "10,19d" /usr/local/nginx/conf/nginx.conf   #删除10~19行的内容

[root@static-server ~]# vim /usr/local/nginx/conf.d/xiaojiang.conf 

include        ../conf.d/*.conf;

[root@static-server ~]# /usr/local/nginx/sbin/nginx -s reload

2、基于IP的地址访问不同的虚拟主机

创建新的IP挂在这个网课上

[root@static-server ~]# ifconfig ens160:1 192.168.1.88
[root@static-server ~]# ifconfig
ens160: flags=4163<UP,BROADCAST,RUNNING,MULTICAST>  mtu 1500
        inet
192.168.1.11  netmask 255.255.255.0  broadcast 192.168.1.255
        inet6 fe80::cad1:833a:a57c:8cc3  prefixlen 64  scopeid 0x20<link>
        ether 00:0c:29:4d:db:fd  txqueuelen 1000  (Ethernet)
        RX packets 3795  bytes 361264 (352.7 KiB)
        RX errors 0  dropped 0  overruns 0  frame 0
        TX packets 2587  bytes 329330 (321.6 KiB)
        TX errors 0  dropped 0 overruns 0  carrier 0  collisions 0

ens160:1: flags=4163<UP,BROADCAST,RUNNING,MULTICAST>  mtu 1500
        inet
192.168.1.88  netmask 255.255.255.0  broadcast 192.168.1.255
        ether 00:0c:29:4d:db:fd  txqueuelen 1000  (Ethernet)

这个IP地址可以正常使用

[root@static-server ~]# vim /usr/local/nginx/conf.d/xiaojiang.conf 

server{
              listen             80;
              server_name        
192.168.1.88;
              root               /xiaojiang;
           location / {
                index   index.html;
           }
        }

[root@static-server ~]# vim /usr/local/nginx/conf/nginx.conf

    server {
        listen       80;
        server_name
 192.168.1.11;
        location / {
         index index.html;
       }

[root@static-server ~]# /usr/local/nginx/sbin/nginx -s reload

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

3、基于端口的虚拟主机

[root@static-server ~]# vim /usr/local/nginx/conf.d/xiaojiang.conf 

 server{
              listen            
8080;
              server_name        
192.168.1.11;
              root               /xiaojiang;
           location / {
                index   index.html;
           }
        }

[root@static-server ~]# /usr/local/nginx/sbin/nginx -s reload

仅限于公司内部测试

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

4、上线一个静态的前端系统

nodejs  安装npm添加vue模块,使用vue创建vue3项目,构建静态资源,将静态资源添加到nginx项目中

在安装nodejs之前,需要检查是否安装epel

[root@static-server ~]# yum list installed | grep epel    #检查是否安装了epel

[root@static-server ~]# yum -y install epel-release

[root@static-server ~]# yum -y install nodejs

[root@static-server ~]# node  -v      #检查是否安装nodejs(运行环境)

[root@static-server ~]# yum -y install npm

[root@static-server ~]# npm -v

[root@static-server ~]# npm config set registry https://registry.npmmirror.com#安装淘宝镜像

[root@static-server ~]# npm install @vue/cli      #安装vue脚本架(必须要进行前面一步)

[root@static-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@static-server ~]# /root/node_modules/.bin/vue -V
@vue/cli 5.0.8
#创建vue项目(eleme)

[root@static-server ~]# /root/node_modules/.bin/vue create eleme_web

[root@static-server ~]# cd eleme_web/
[root@static-server eleme_web]# npm run serve
物理机浏览器访问http://192.168.1.11:8081/

[root@static-server eleme_web]# nohup npm run serve&

[1] 1730
[root@static-server eleme_web]# nohup: 忽略输入并把输出追加到"nohup.out"

[root@static-server eleme_web]# tail -f nohup.out
[root@static-server eleme_web]# fg
nohup npm run serve
[root@static-server eleme_web]# yum -y install samba

编辑配置文件

[root@static-server eleme_web]# vim /etc/samba/smb.conf     (最后一行加以下内容)
[eleme_web]
        comment=xiaojiang
        path=/root/eleme_web
        guest ok=no
        writable=yes

[root@static-server eleme_web]# useradd vueediter      #创建用户
[root@static-server eleme_web]# smbpasswd -a vueediter
New SMB password:123
Retype new SMB password:123
Added user vueediter.

#为该用户在文件夹中添加读写权限
[root@static-server eleme_web]# setfacl -m u:vueediter:rwx /root/eleme_web/

启动服务  

[root@static-server eleme_web]# systemctl start smb.service
[root@static-server eleme_web]# systemctl start nmb.service

[root@static-server eleme_web]# ls -l public/
总用量 12
-rw-r--r-- 1 root root 4286 7月  31 15:04 favicon.ico
-rw-r--r-- 1 root root  611 7月  31 15:04 index.html

[root@static-server eleme_web]# mkdir public/img
[root@static-server eleme_web]# mkdir public/video
[root@static-server eleme_web]# mkdir public/music
[root@static-server eleme_web]# tree public/
public/
├── favicon.ico
├── img
├── index.html
├── music
└── video

[root@static-server eleme_web]# yum -y install nfs-utils.x86_64
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

部署nfs服务器(eleme-static)

[root@eleme-static ~]# yum -y install rpcbind.x86_64
[root@eleme-static ~]# yum -y install nfs-utils.x86_64
[root@eleme-static ~]# vim /etc/exports

/static/img/    *(rw,sync)

[root@eleme-static ~]# mkdir -p /static/img/

[root@eleme-static ~]# systemctl start rpcbind.service
[root@eleme-static ~]# systemctl start nfs
[root@eleme-static ~]# netstat -lnput | grep rpc    #查看端口是否开启

[root@static-server components]# cd ..
[root@static-server src]# ls views/
AboutView.vue  HomeView.vue
[root@static-server src]# vim views/HomeView.vue 
<template>
  <div class="home">
    <img alt="Vue logo" src="
img/猪猪侠.jpg">
    <HelloWorld msg="Welcome to Your Vue.js App"/>
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'

export default {
  name: 'HomeView',
  components: {
    HelloWorld
  }
}
</script>

[root@static-server eleme_web]# nohup npm run serve&

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

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

相关文章

如何破解绩效管理的难题?

绩效管理的核心问题 &#x1f4bc; 在现代企业运营中&#xff0c;绩效管理一直被视为提升工作效率和实现公司战略目标的重要手段。然而&#xff0c;实际操作中&#xff0c;我们经常会遇到一系列棘手的问题&#xff0c;这些问题不仅影响了绩效管理的有效性&#xff0c;还常常让…

winform程序中拷贝文件夹最快速方法

1、先将一个项目的文件夹拷贝到另一个项目的目录下 下图将ParameterSetting文件夹拷贝到Datalib文件夹下 2、直接复制该文件&#xff0c;然后到vs界面去粘贴 复制ParameterSetting文件夹&#xff0c;然后在Datalib项目这里鼠标右键单击&#xff0c;然后点击“粘贴”&#xff0…

机器学习(五) -- 无监督学习(2) --降维2

系列文章目录及链接 上篇&#xff1a;机器学习&#xff08;五&#xff09; -- 无监督学习&#xff08;2&#xff09; --降维1 下篇&#xff1a; 前言 tips&#xff1a;标题前有“***”的内容为补充内容&#xff0c;是给好奇心重的宝宝看的&#xff0c;可自行跳过。文章内容被…

《动手做科研》06. 如何产生新的研究想法

地址链接:《动手做科研》06. 如何产生新的研究想法 欢迎加入我的知识星球&#xff0c;定期分享AI论文干货知识&#xff01; 导读: 提出好的研究想法是相当困难的&#xff0c;特别是当你刚接触一个领域时——这需要对文献中的空白有所了解。然而&#xff0c;产生研究想法的过程可…

数学建模--智能算法之模拟退火算法

目录 算法原理 应用场景 实现方法 代码示例&#xff1a; MATLAB&#xff1a; Python&#xff1a; 总结 模拟退火算法在数学建模中的具体应用案例有哪些&#xff1f; 如何选择模拟退火算法的参数&#xff08;如初始温度、冷却率等&#xff09;以优化求解过程&#xff1…

根据json构建uml类图代码工具实现

文章目录 1.UML简介1.1 什么是UML建模1.2 使用UML建模的好处 2.当前UML在研发场景下痛点3.UML工具的优化实现3.1 json结构设计3.2 json类图解析器实现3.3 在线uml类图渲染实现3.3.1 前端渲染页面3.3.2 后端数据接口 3.4 在线渲染效果 4. 总结 【摘要】本文介绍UML基本概念及相关…

Linux中安装C#的.net,创建运行后端或控制台项目

安装脚本命令&#xff1a; 创建一个sh文件并将该文件更改权限运行 sudo apt update wget https://packages.microsoft.com/config/ubuntu/20.04/packages-microsoft-prod.deb -O packages-microsoft-prod.deb sudo dpkg -i packages-microsoft-prod.deb sudo apt-get upd…

科普文:Spring Cloud Alibaba在GraalVM上的性能测试

GraalVM 介绍 GraalVM概述 - Spring Cloud Alibaba官网 科普文&#xff1a;GraalVM简介-CSDN博客 科普文&#xff1a;OpenJDK vs. GraalVM vs. Amazon Corretto性能测试-CSDN博客 科普文&#xff1a;【方向盘】OpenJDK生态圈-CSDN博客 科普文&#xff1a;Oracle JDK收费后…

【32单片机篇】项目:实时时钟

一、项目需求 1. OLED屏幕显示当前时间、日期、闹钟等信息&#xff1b; 2. 正常模式下&#xff0c;按下 KEY1 &#xff0c;进入时间设置模式&#xff0c;此时按下 KEY2 则可以循环跳转修改秒、分、时、日、月、年&#xff1b; 3. 时间设置模式下&#xff0c;KEY3 增加数值&…

【Redis】如何利用 Redis 实现一个分布式锁?

&#x1f44f;大家好&#xff01;我是和风coding&#xff0c;希望我的文章能给你带来帮助&#xff01; &#x1f525;如果感觉博主的文章还不错的话&#xff0c;请&#x1f44d;三连支持&#x1f44d;一下博主哦 &#x1f4dd;点击 我的主页 还可以看到和风的其他内容噢&#x…

【优秀python算法设计】基于Python网络爬虫的今日头条新闻数据分析与热度预测模型构建的设计与实现

1 绪论 1.1 背景与意义 随着互联网的快速发展和移动互联技术的普及&#xff0c;作为新兴的资讯平台&#xff0c;今日头条成为了用户获取新闻资讯、时事热点和个性化推荐的重要渠道。大量用户在今日头条上浏览、阅读并产生热度&#xff0c;使得今日头条成为了观察舆论热点和分…

Csrf复习(pikachu靶场和防御手段)

CSRF漏洞简介 CSRF又称跨站请求伪造&#xff0c;是指攻击者在用户登录的状态下&#xff08;浏览器保存了用户的cookie&#xff09;通过伪造恶意url诱导用户点击&#xff0c;借助用户的cookie网站权限&#xff08;冒充用户身份来进行非法操作&#xff0c;对于服务器来说是合法的…

达梦数据库系列—36.分区表

目录 1、分区表的分类 1.1 范围分区表 1.2 List分区表 1.3 哈希分区表 1.4 多级分区表 二级分区 三级分区 2、分区表的维护 2.1 增加分区 2.2 删除分区 2.3 交换分区 2.4 融合分区 3、全局索引和局部索引 1、分区表的分类 范围(range)水平分区&#xff1a;对表中…

【LLM大模型】AI大模型大厂面试真题:「2024大厂大模型技术岗内部面试题+答案」

AI大模型岗的大厂门槛又降低了&#xff01;实在太缺人了&#xff0c;大模型岗位真的强烈建议各位多投提前批&#xff0c;▶️众所周知&#xff0c;2025届秋招提前批已经打响&#xff0c;&#x1f64b;在这里真心建议大家6月7月一定要多投提前批&#xff01; &#x1f4bb;我们…

【深度学习|目标跟踪】SSD+Sort实现MOT!

SSDSort实现目标跟踪 源码地址1、&#x1f64c;&#x1f3fb;匈牙利匹配算法1.1 什么是匈牙利匹配1.2 什么是二分图&#xff1a;1.3 最大匹配1.4 最优匹配1.5 最小点覆盖1.6 交替路1.7 增广路1.8 匈牙利匹配具体流程以及实例1.9 广度优先匹配1.10 深度优先匹配1.11 给匹配加权来…

SQL—数据库与表操作

目录 SQL语句分类 DDL 数据库操作 1. 查询所有数据库 2. 查询当前数据库 3. 创建数据库 案例&#xff1a;创建一个itcast数据库&#xff0c;使用数据库默认的字符集 案例&#xff1a;创建一个itheima数据库&#xff0c;并且指定字符集 4. 删除数据库 5. 切换数据库…

Java从入门到精通 (十) ~ 计算机是如何工作的呢 ?

每天进步一点点&#xff0c;每天创造一点点&#xff0c;每天做事多一点&#xff0c;愿你事事都领先&#xff0c;卓越成绩现眼前&#xff0c;美好生活一天又一天。 文章目录 目录 前言 前置知识 认识一下计算机的真实相貌 都说计算机使用二进制传输&#xff0c;为什么要使…

哇!0.8秒启动!Linux快速启动方案分享,全志T113-i国产平台!

本文主要介绍基于创龙科技TLT113-EVM评估板(基于全志T113-i)的系统快速启动方案,适用开发环境如下。 Windows开发环境:Windows 7 64bit、Windows 10 64bit 虚拟机:VMware15.5.5 Linux开发环境:Ubuntu18.04.4 64bit U-Boot:U-Boot-2018.07 Kernel:Linux-5.4.61、Li…

政策收紧下,给EI人的一个小建议!

自中央大力推动文化体制改革、促进文化产业加快发展以来&#xff0c;我国出版业的数字化转型升级工作拉开序幕。其后&#xff0c;得益于新技术的发展、市场趋势的变化&#xff0c;数字出版开始出现“井喷”&#xff0c;出版融合成绩巨大&#xff0c;但也面临诸多挑战&#xff0…

手持气象站:便携与精准的完美结合

在气象监测领域&#xff0c;手持气象站以其独特的优势特点&#xff0c;正逐渐成为专业人士和爱好者的首选工具。这款小巧而强大的设备&#xff0c;将便携性与精准性完美融合&#xff0c;为各种户外活动和科学研究提供了极大的便利。 首先&#xff0c;手持气象站的最大亮点在于其…