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

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

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

开始上传：

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

 

  

    

第二步：部署Nginx

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

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

?

1 2 3 4 5 6 7 8

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

　　

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

       

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

  

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

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

?

1	cnpm / npm run build

 

　　

 

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

?

1	cd /usr/share/nginx/html

 

　　

 

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

          

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

?

1 2 3 4

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

 

　　

 

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

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

                 

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

?

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

 

　　

 

 

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

 

如果大家有任何疑问即可留言反馈，会在第一时间回复反馈，谢谢大家！

本人使用GSAP框架搭建的个人网站也上线啦！有兴趣可以访问 zhaohongcheng.com 查看，感谢~

本人uni-app影视项目已经重磅开源，一套代码套发布到H5、APP、小程序等多个平台！有兴趣可以访问Dcloud官方插件市场https://ext.dcloud.net.cn/plugin?id=1839 查看，感谢~

本文为Tz张无忌文章，读后有收获可以请作者喝杯咖啡，转载请文章注明出处：https://www.cnblogs.com/zhaohongcheng/