Nginx前端部署服务器

目录

1、购买一台服务器

2、远程登录服务器

3、购买域名(也可以不用)

4、域名解析

5、下载nginx

下载yum:

(1)新建一个目录保存yum安装包

(2)获取压缩包

(3)解压

(4) 解压后先不着急安装,手动创建一个yum的conf文件,

(5)进入yum目录安装脚本

下载nginx:

(1)下载

(2)启动

6、上传前端打包文件

7、修改配置nginx文件

(1)编辑

(2)重启nginx

8、域名备案

1、购买一台服务器

想要部署前端到服务器让人直接通过一个网址就能访问的前提是:先要有个服务器。服务器的获取方法很简单,可以自己搭建可以花钱租。但是对于大部分新手来说,还是租一个更加省时省力。这里我用的是腾讯云服务器。租完后,要创建一个实例,就是这个东西:

Nginx前端部署服务器

我用的是轻量级服务器,点击实例查看更过内容,建议重置一下密码。

Nginx前端部署服务器

这样远程登录的时候可以用root用户名和密码登录。当然也可以选择用秘钥,但是我觉得有点麻烦。

Nginx前端部署服务器

远程登录,就是在其他主机上登录你的服务器控制台,我用软件是Xshell7和Xftp7,前者是远程访问控制台的,后者是远程传输文件的。之前写过一篇下载和使用方法,具体可参考。

下载Xshell和xftp_代码骑士的博客-CSDN博客1、下载Xshell家庭/学校免费 – NetSarang Website (xshell.com)跟着教程走,成功早晚有:gg(13条消息) XShell免费版的安装配置教程以及使用教程(超级详细、保姆级)_SoloVersion的博客-CSDN博客_xshell安装步骤…https://blog.csdn.net/qq_51701007/article/details/124922988

2、远程登录服务器

下面我们来试一下用Xshell远程登录:

选择新建,然后主机框输入公网IP,实例信息中可以看到。

Nginx前端部署服务器

然后点击确定,选择用户名密码登录就行了。(密码和秘钥两种方法自选)

Nginx前端部署服务器

3、购买域名(也可以不用)

如果想让你的网址更有B格的话当然要使用域名了。开玩笑,域名的真正作用其实是:

用于在数据传输时对计算机的定位标识,由于IP地址具有不方便记忆并且不能显示地址组织的名称和性质等缺点,人们设计出了域名,并通过网域名称系统(DNS,Domain Name System)来将域名和IP地址相互映射,使人更方便地访问互联网,而不用去记住能够被机器直接读取的IP地址数串。 (来自《百度百科》)

这个域名就到相应的服务器平台购买就行,时间可能会久一点。但是没关系,直接使用公网IP也是一样的效果。

4、域名解析

参考:

腾讯云域名解析教程(域名DNS解析到公网IP地址)_腮帮子疼的博客-CSDN博客_腾讯云域名解析在腾讯云申请注册的域名如何解析?DNSPod并入腾讯云,腾讯云域名解析是在DNS解析DNSPod控制台操作的,腾讯云百科来详细详细说下腾讯云域名解析教程:腾讯云域名解析教程DNSPod帝思普并入腾讯云,腾讯云域名解析是由DNSPod提供的。腾讯云百科来详细说下腾讯云域名解析教程:1、登录到腾讯云DNS解析DNSPod腾讯云DNS解析DNSPod域名解析找到需要解析的域名,然后点击域名右侧的”解析”2、在域名解析页面,选择”添加记录”记录类型可选A记录、CNAME、MX、TXT、https://blog.csdn.net/ba476/article/details/123290616?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522166824233616800182139644%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=166824233616800182139644&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~top_click~default-1-123290616-null-null.142%5ev63%5econtrol,201%5ev3%5econtrol_2,213%5ev2%5et3_control1&utm_term=%E8%85%BE%E8%AE%AF%E4%BA%91%E5%9F%9F%E5%90%8D%E8%A7%A3%E6%9E%90&spm=1018.2226.3001.4187

5、下载nginx

一般来讲,购买的实例中都是自带yum的(一个Linux操作系统常用的的软件包管理器),就类似于手机上的软件商城。查看一下是否存在:

Nginx前端部署服务器

显示版本信息了就是有,没有就从网上下一个:

下载yum:

(1)新建一个目录保存yum安装包

mkdir install

(2)获取压缩包

wget http://yum.baseurl.org/download/3.2/yum-3.2.28.tar.gz

(3)解压

tar -xvf yum-3.2.28.tar.gz

(4) 解压后先不着急安装,手动创建一个yum的conf文件,

不然会报找不到文件的错yum.cli:Config Error: Error accessing file for config file:///etc/

touch /etc/yum.conf

(5)进入yum目录安装脚本

cd yum-3.2.28
./yummain.py install yum

准备就绪可以下载nginx了。

下载nginx:

(1)下载

yum install nginx -y

(2)启动

nginx

启动成功的话,访问公网IP就能看到nginx默认页面:

Nginx前端部署服务器

6、上传前端打包文件

(1)创建一个存放前端的目录

mkdir -p /data/www

Nginx前端部署服务器

(2)将前端项目文件导入/data/www目录

Nginx前端部署服务器

7、修改配置nginx文件

(1)编辑

vim /etc/nginx/nginx.conf

将root对应的文件目录改成我们新创建的:

Nginx前端部署服务器

然后保存退出。

(2)重启nginx

nginx -s reload

然后输入IP地址就能访问啦。

Nginx前端部署服务器

8、域名备案

如果你的域名买完没有备案,在访问时会出现这个页面:

Nginx前端部署服务器

没关系,点击前往备案然后填入信息进行备案就可以了。

Original: https://blog.csdn.net/qq_51701007/article/details/127822459
Author: 代码骑士
Title: Nginx前端部署服务器

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/659088/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球