网站怎么上传到服务器流程,从本地到服务器上线过程并通过域名(IP地址)进行访问…

制作好的网页想要发布到互联网,该怎么发布呢?我们需要将保存在本地的站点上传站点到服务器,首先我们需要准备一个服务器(可通过服务器公网IP地址访问),也可以购买域名,域名购买可以通过阿里云、腾讯云、百度云等;

当我们购买好相应服务器后,可获得服务器公网IP地址,有了购买的服务器公网地址我们就可以开始工作了。

开始上传:

首先给大家介绍一下SSH连接工具 Final shell,连接到服务器公网IP,FinalShell是一体化的的服务器,网络管理软件,不仅是ssh客户端,还是功能强大的开发,运维工具,充分满足开发,运维需求;可自行下载,或者百度网盘链接:https://pan.baidu.com/s/13QxMHWdh1UnEuCwGx9lYxg 提取码:3shz

网站怎么上传到服务器流程,从本地到服务器上线过程并通过域名(IP地址)进行访问…插图 网站怎么上传到服务器流程,从本地到服务器上线过程并通过域名(IP地址)进行访问…插图1

网站怎么上传到服务器流程,从本地到服务器上线过程并通过域名(IP地址)进行访问…插图2

第二步:部署Nginx

Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,在BSD-like 协议下发行。其特点是占有内存少,并发能力强;

在SSH连接工具 Final shell连接成功后,输入命令安装Nginx

 // 安装nginx yum install -y nginx // 设置开机启动 systemctl start nginx.service systemctl enable nginx.service

但是nginx默认使用端口 80, 我们购买的服务器实例一般默认不开启端口80,默认只有 22 和 3389端口,我们可以通过设置,打开80端口;登录相应服务器管理网站打开端口服务,我们这边一阿里云为例开始设置。

网站怎么上传到服务器流程,从本地到服务器上线过程并通过域名(IP地址)进行访问…插图3

设置好之后,我们直接访问我们服务器的公网IP地址,就可以看到如下画面,就代表Nginx设置好了;

df66ec404f06145a376bcc25864c3510.png

第三步:部署自己的web应用

1.在本地打包自己的网页文件,我这边是Vue项目,运行如下命令打包

 cnpm / npm run build

2.在Final shell连接页面,输入命令行,打开Nginx目录的路径

 cd /usr/share/nginx/html

3.将打包好的dist网页文件夹,拖入Nginx目录的路径

4.把拖入的网页文件夹设置成Nginx网页目录的根路径

 // 进入nginx目录 cd /etc/nginx // 编辑nginx的配置文件 vi nginx.conf

5.修改代码如下: // 把dist 文件夹设置成Nginx网页目录的根路径

按下 i 进入编辑状态修改文件 ,ESC 退出编辑状态, :q! 不保存退出, :wq! 保存后退出,

b5c438402762aa512151c40c2858adc4.png

6.重新启动nginx服务器后,再次输入服务器公网,即可查看你的项目文件了

 // 重启服务器
/sbin/nginx -s reload

以上完成,之后网站就可以通过IP地址访问了,如果希望通过域名访问,只需购买域名,然后备案,做一下域名解析就OK了。

如果有疑问,可以及时留言,会第一时间回复。

原文链接:https://blog.csdn.net/qq_33929420/article/details/106068065

© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享