发布处理方案 —— 前台项目构建与发布处理

目录

01: 前言

02: 域名、DNS、公网IP、服务器、Nginx之间的关系

03: 阿里云服务器购买指南 

04: 服务器连接方式

05: Nginx 环境处理

06: 项目发布 

07: 小结

 

01: 前言

现在我们来看一下项目的打包和发布功能，这两个功能也就是我们本篇文章的主要功能。

对于项目打包而言，它是一个通用的功能，大家也可以理解为任何一个项目都是一样的。

server {#SSL 访问端口号为 443listen 443 ssl;#填写绑定证书的域名server_name front.lgdsunday.club;#证书文件名称ssl_certificate front.lgdsunday.club_bundle.crt;#私钥文件名称ssl_certificate_key front.lgdsunday.club.key;ssl_session_timeout 5m;#请按照以下协议配置ssl_protocols TLSv1 TLSv1.1 TLSv1.2;#请按照以下套件配置，配置加密套件，写法遵循 openssl 标准。ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;ssl_prefer_server_ciphers on;#打包之后的项目在服务器中的存放路径root /sunday/front/dist/;#charset koi8-r;access_log logs/host.access.log main;#用来处理单页应用的切换location / {# index index.html index.htmtry_files $uri $uri/ /index.html}# 反向代理，解决跨域问题（单独代理请求到服务端）location /prod-api/ {proxy_pass http://39.105.131.75:3005/api/;# $host 变量，Host 为变量名proxy_set_header  Host             $host;                      #域名转发proxy_set_header  X-Real-IP        $remote_addr;               #IP 转发proxy_set_header  X-Forwarded-For  $proxy_add_x_forwarded_for;proxy_set_header  Cookie           $http_cookie;               # cookie 配置}
}# 接口访问转发
server {#SSL 访问端口号为 443listen 443 ssl;#填写绑定证书的域名server_name api.front.lgdsunday.club;#证书文件名称ssl_certificate api.front.lgdsunday.club_bundle.crt;#私钥文件名称ssl_certificate_key api.front.lgdsunday.club.key;ssl_session_timeout 5m;#请按照以下协议配置ssl_protocols TLSv1 TLSv1.1 TLSv1.2;#请按照以下套件配置，配置加密套件，写法遵循 openssl 标准。ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;ssl_prefer_server_ciphers on;#charset koi8-r;server_name  api.front.lgdsunday.club;location / {proxy_pass http://39.105.131.75:3005/;proxy_cookie_domain api.front.lgdsunday.club front.lgdsunday.club;# $host 变量，Host 为变量名proxy_set_header  Host             $host;                      #域名转发proxy_set_header  X-Real-IP        $remote_addr;               #IP 转发proxy_set_header  X-Forwarded-For  $proxy_add_x_forwarded_for;proxy_set_header  Cookie           $http_cookie;               # cookie 配置}

02: 域名、DNS、公网IP、服务器、Nginx之间的关系

在处理我们的服务之前，先明确一些基本的概念，这些概念有：

1. 域名。

2. DNS：域名解析服务器。

3. 公网 IP：服务器在网络中的唯一地址。

4. 服务器：服务部署的电脑。

5. Nginx：网页服务。

03: 阿里云服务器购买指南 

产品 > 云服务器 ECS > 立即购买 > 进行 5 步云服务器购买。

1. 基础配置

        1. 付费模式 包年包月

        2. 位置

        3. 服务器规格 自己玩 1 vCPU 1 G 就可以了；公司的 至少 2 vCPU 4 G。

        4. 实例数量 1

        5. 镜像 CentOS v7.4 64位

        6. 存储 ESSD 云盘 40 G

        7. 购买时长 1年

2. 网络和安全组

        1. 按固定带宽

        2. 带宽值 看需求 看财力 10M 20M

3. 系统配置 选填 无所谓

4. 分组设置 选填 无所谓

5. 确认订单

6. 确认下单

04: 服务器连接方式

常见的连接服务器方式有三种：

1. 阿里云控制台中，进行远程连接。

        1. Workbench 远程连接。

2. 通过 SSH 工具（XShell）。

3. SSH 指令远程登录。

我们这里使用第二种，进行连接。

1. 新建会话。 

        点击 左侧会话管理 空白区域。

        输入名称、协议 SSH、主机 IP、端口 22。

        点击确定。创建好会话，会显示在左侧。

2. 连接

        双击 新建的会话。

        输入登录的用户名。默认 root。

        输入密码。

        连接成功。

05: Nginx 环境处理

CentOS 自带 yum。

1. nginx 编译时依赖 gcc 环境。 

yum -y install gcc gcc-c++

2. 安装 prce，让 nginx 支持重写功能。

yum -y install pcre*

3. 安装 zlib，nginx 使用 zlib 对 http 包内容进行 gzip 压缩。

yum -y install zlib zlib-devel

4. 安装 openssl，用于通讯加密。

yum -y install openssl openssl-devel

5. 进行 nginx 安装。

6. 创建 nginx 文件夹。

7. 进入 nginx 文件夹，下载 nginx 压缩包。

wget https://nginx.org/download/nginx-1.11.5.tar.gz

8. 解压 nginx。

tar -zxvf nginx-1.11.5.tar.gz

9. 进入 nginx-1.11.5 目录。

cd nginx-1.11.5

10. 检查平台安装环境。

./configure --prefix=/usr/local/nginx

11. 进行源码编译。

make

12. 安装 nginx。

make install

13. 查看 nginx 配置。

/usr/local/nginx/sbin/nginx -t

14. 制作 nginx 软连接。

15. 进入 usr/bin 目录。

cd /usr/bin

16. 制作软连接。

ln -s /usr/local/nginx/sbin/nginx nginx

17. 接下来制作配置文件。

18. 首先进入到 nginx 的默认配置文件中。

vim /usr/local/nginx/conf/nginx.conf

19. 在最底部增加配置项（按下 i 进入 输入模式）。

include /nginx/*.conf;

20. 按下 esc 键，通过 :wq! 保存并退出。

21. 创建新的配置文件。

touch /nginx/nginx.conf

22. 进入到 /root/nginx/nginx.conf 文件。

vim /nginx/nginx.conf

23. 写入如下配置。

server {# 端口listen  80;# 域名server_name  localhost;# 资源地址root  /nginx/dist/;# 目录浏览autoindex  on;# 缓存处理add_header Cache-Control "no-cache, must-revalidate";# 请求配置location / {# 跨域add_header Access-Control-Allow-Origin *;# 返回 index.htmltry_files $uri $uri/ /index.html;}
}

24. 通过 :wq! 保存退出。

25. 在 root/nginx 中创建 dist 文件夹。

mkdir /nginx/dist

26. 在 nginx/dist 中写入 index.html 进行测试。

27. 通过 nginx -s reload 重启服务。启动失败时可以执行下方命令后，再 nginx -s reload。

nginx -c /usr/local/nginx/conf/nginx.conf

28. nginx -t 检查配置有无错误。

29. 在浏览器中通过 127.0.0.1 测试访问。

06: 项目发布 

可以通过 XFTP 进行数据传输。

07: 小结

本章节主要讲解了一些基础的 部署 相关的知识，这些内容并不复杂，属于通用性内容。

现在我们的项目就已经可以部署到我们的服务器中了，大家可以根据自己的域名进行对应的访问了。 

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

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

相关文章

大泽动力30KW静音汽油发电机

大泽动力30KW静音汽油发电机

安全操作： 在使用前，确保发电机放置在通风良好、干燥、无易燃物品的地方。 避免在发电机运行时触摸其热表面或运转部件，以免烫伤或受伤。 遵循发电机的启动和停机程序，不要随意操作。 燃油管理： 使用高质量的汽油&…
阅读更多...
关于Redis的持久化

关于Redis的持久化

Redis与MySQL的不同 MySQL的事务，有四个核心特性：原子性、一致性、持久性和隔离性 把数据存储在磁盘上就是持久化的，把数据存储在内存上则是不持久化的。区别在于重启进程/主机后，数据是否存在。 而Redis是一个内存数据库&#x…
阅读更多...
Avalonia TreeView 示例代码

Avalonia TreeView 示例代码

参考文档 https://docs.avaloniaui.net/docs/reference/controls/detailed-reference/treeview-1 新建一个avalonia MVVM工程AvaloniaAppTreeview&#xff0c;删掉MainWindow.xaml里的<TextBlock Text"{Binding Greeting}" HorizontalAlignment"Center"…
阅读更多...
数据可视化：Matplotlib 与 Seaborn

数据可视化：Matplotlib 与 Seaborn

数据可视化是数据分析中至关重要的一部分&#xff0c;它能帮助我们直观地理解数据的分布、趋势和关系。Python 中&#xff0c;Matplotlib 和 Seaborn 是两个最常用的可视化库。本文将详细介绍如何使用 Matplotlib 和 Seaborn 进行数据可视化&#xff0c;包括基本图形、图形定制…
阅读更多...
Spring boot项目

Spring boot项目

一. Spring boot 安装地址 https://start.spring.io/ 二. 选择 三. idea配置 找到下载的文件解压缩&#xff0c;打开pom.xml(选择从idea打开)
阅读更多...
ROS基础学习-ROS通信机制进阶

ROS基础学习-ROS通信机制进阶

ROS通信机制进阶 目录 0.简介1.常用API1.1 节点初始化函数1.1.1 C++1.1.2 Python1.2 话题与服务相关函数1.2.1 对象获取相关1.2.1.1 C++1.2.1.2 Python1.2.2 订阅对象相关1.2.2.1 C++1.2.2.2 Python1.2.3 服务对象相关函数1.2.3.1 C++1.2.3.2 Python1.2.4 客户端对象相关1.2.4.…
阅读更多...
推荐一个网安资源学习网站

推荐一个网安资源学习网站

渗透师 网络安全从业者安全导航 工具 wireshark metasploit namp sqlmap 国外安全论坛 hack forums Форум АНТИЧАТ Tuts 4 You 安全帮网址导航 | 让网络安全资源更有序&#xff01; src挖掘
阅读更多...
常见机器学习概念

常见机器学习概念

信息熵 信息熵&#xff08;information entropy&#xff09;是信息论的基本概念。描述信息源各可能事件发生的不确定性。20世纪40年代&#xff0c;香农&#xff08;C.E.Shannon&#xff09;借鉴了热力学的概念&#xff0c;把信息中排除了冗余后的平均信息量称为“信息熵”&…
阅读更多...
Python的Pillow（图像处理库）的一些学习笔记

Python的Pillow（图像处理库）的一些学习笔记

Python的Pillow库是一个非常强大的图像处理库。 安装Pillow库&#xff1a; 在终端或命令行中输入以下命令来安装Pillow&#xff1a; pip install pillow 升级库&#xff1a; pip install pillow --upgrade 一些基础的应用 1、图像文件方面的&#xff1a; 打开文件 …
阅读更多...
LVS负载均衡群集+NAT部署

LVS负载均衡群集+NAT部署

目录 1.企业群集应用概述 1.1 群集的含义 1.2 企业群集分类 2.LVS负载均衡群集运用理论 2.1 负载均衡的架构 2.2 LVS负载均衡群集工作的三种模式 3.LVS虚拟服务器&#xff08;Linux Virtual Server&#xff09; 3.1 ip_vs通用模块 3.2 LVS调度器用的调度方法 4.ipvs…
阅读更多...
【CS.DB】深度解析：ClickHouse与Elasticsearch在大数据分析中的应用与优化

【CS.DB】深度解析：ClickHouse与Elasticsearch在大数据分析中的应用与优化

文章目录 《深入对比&#xff1a;在大数据分析中的 ClickHouse和Elasticsearch》 1 介绍 2 深入非关系型数据库的世界2.1 非关系型数据库的种类2.2 列存储数据库&#xff08;如ClickHouse&#xff09;2.3 搜索引擎&#xff08;如Elasticsearch&#xff09;2.4 核心优势的归纳 3…
阅读更多...
面试高频问题----5

面试高频问题----5

一、线程池参数的执行顺序 1.如果线程池中的线程数量小于核心线程数&#xff0c;则创建新的线程来处理任务 2.如果线程池中的线程数量等于核心线程数&#xff0c;但工作队列未满&#xff0c;将任务放入工作队列中执行 3.如果工作队列已满&#xff0c;但线程数小于最大线程数…
阅读更多...
01_基于人脸的常见表情识别实战_深度学习基础知识

01_基于人脸的常见表情识别实战_深度学习基础知识

1. 感知机 感知机通常情况下指单层的人工神经网络，其结构与 MP 模型类似（按照生物神经元的结构和工作原理造出来的一个抽象和简化了模型，也称为神经网络的一个处理单元） 假设由一个 n 维的单层感知机，则： x 1 x_1 x1​ 至 x n x_n xn​ 为 n 维输入向量的各个分量w 1 j…
阅读更多...
《C++避坑神器·二十七》VS中release打断点方法，#undef作用

《C++避坑神器·二十七》VS中release打断点方法，#undef作用

1、release打断点方式 2、#undef作用 #undef指令用于”取消“已定义的#define指令 案例&#xff1a;
阅读更多...
UiPath发送邮件给多人时需要注意哪些限制？

UiPath发送邮件给多人时需要注意哪些限制？

UiPath发送邮件给多人的步骤&#xff1f;如何使用UiPath发信&#xff1f; 尽管UiPath提供了强大的邮件发送功能&#xff0c;但在批量发送邮件时&#xff0c;有一些限制和注意事项是我们必须了解的。AokSend将详细介绍这些限制&#xff0c;并提供一些优化建议。 UiPath发送邮件…
阅读更多...
深度解析：全流量分析与IP会话回溯在IT运维中的应用

深度解析：全流量分析与IP会话回溯在IT运维中的应用

目录 什么是全流量分析&#xff1f; 全流量分析的优势 实际应用案例 IP会话回溯&#xff1a;精准故障排除的利器 IP会话回溯的工作原理 案例分享&#xff1a;快速解决网络故障 全流量分析与IP会话回溯的结合 IT运维中的实用技巧 总结 在现代IT运维中&#xff0c;网络的…
阅读更多...
dependencies？devDependencies？peerDependencies

dependencies？devDependencies？peerDependencies

之前使用的npm包中&#xff0c;我用到了sass包。我当时没有在packagejson中添加依赖项&#xff0c;而是另外install的。这就引起了我的一个思考 初步想法&#xff1a; 我的npm包需要使用sass&#xff0c;那么我应该放在dependencies中&#xff0c;当使用的时候会直接下载 问题…
阅读更多...
【SQLAlChemy】如何定义ORM模型，如何映射到数据库？

【SQLAlChemy】如何定义ORM模型，如何映射到数据库？

定义ORM模型并映射到数据库 创建 ORM 基类 使用 declarative_base 根据 engine 来创建一个 ORM 基类。 from SqlAIchemy.LinkDB.main import engineBase declarative_base()创建自定义类 用上边定义的 Base 类来实现自己的 ORM 类。 __tablename__ 类属性&#xff0c;可以…
阅读更多...
Electron qt开发教程

Electron qt开发教程

模块安装打包 npm install -g electron-forge electron-forge init my-project --templatevue npm start //进入目录启动 //打包成一个目录到out目录下&#xff0c;注意这种打包一般用于调试&#xff0c;并不是用于分发 npm run package //打出真正的分发包&#xff0c;放在o…
阅读更多...
Swift 序列（Sequence）排序面面俱到 - 从过去到现在（二）

Swift 序列（Sequence）排序面面俱到 - 从过去到现在（二）

概览 在上篇 Swift 序列（Sequence）排序面面俱到 - 从过去到现在（一）博文中，我们讨论了 Swift 语言中序列和集合元素排序的一些基本知识，我们还给出了以自定义类型中任意属性排序的“康庄大道”。 不过在实际的撸码场景中，我们往往需要的是“多属性”同时参与到排序的考…
阅读更多...
最新文章

Copyright @ 2022~2023