入门之:如何在腾讯云服务器上部署自己的静态前端项目(服务器系统:centos7)

需要准备的东西有:

            1、腾讯云服务器

                        1.1、安装nginx代理

                        1.2、安装FTP服务(用于linux服务器接收我们本地电脑上传的文件)

            2、FileZilla(在个人电脑上安装,用于上传文件到服务器)

1、购买腾讯云服务器(我自己购买的是最便宜的云服务器,目前是够用了)

入门之:如何在腾讯云服务器上部署自己的静态前端项目(服务器系统:centos7)

购买完成之后,会自动生成一个服务器实例,我们需要更改实例的初始登录密码,以及做些跟账号安全相关的绑定设置。

1.1、安装nginx

1.1.1、首先要登录linux实例(我们使用腾讯云推荐的标准方式登录),进入控制台。

1.1.2、通过命令在linux上安装nginx

  • 手动搭建 LNMP 环境(CentOS 7)

    注意,对于上述链接中的第7点关于nginx的配置文件/etc/nginx/nginx.conf的配置,我们需要根据自己的项目实际情况做对应配置。我这里对其中的server属性配置如下:

    …… …… server { listen 80 defaultserver; listen [::]:80 defaultserver; server_name _; root /data/www; include /etc/nginx/default.d/.conf; location / { } errorpage 404 /404.html; location = /40x.html { } errorpage 500 502 503 504 /50x.html; location = /50x.html { } } include /etc/nginx/conf.d/.conf;

server_name:网站的域名,如果无域名,用_代替,然后通过linux实例的IP进行访问。                  
root:前端文件所在目录,linux的文件列表可以在fileZilla连上linux的FTP服务后,在FileZilla中的远程站点中查看,然后确定我们要将文件放在哪个文件夹下,当然如果我们要放的位置不存在,可以通过mkdir命令进行创建,再通过FileZilla上传。这里也要注意一点,如果nginx配置中未指定index,则nginx会将root下名为index的文件默认为入口文件。

参考的链接:搭建 Nginx 静态网站

如果有修过nginx的相关配置文件,则需要进行nginx重启,重启命令:nginx -s reload

在实际操作中,由于nginx的配置出错,以及出现了一些报错,因此也借鉴了其它一些参考文章:

1.2、搭建 FTP 服务

这里我自己遇到几个问题:

1、报错220 (vsFTPd 3.0.2)-AUTH TLS

入门之:如何在腾讯云服务器上部署自己的静态前端项目(服务器系统:centos7)

解决过程参考了这篇文章:FileZilla 登录 ftp 发现一直报错220 (vsFTPd 3.0.2)-AUTH TLS

2、553 Could not creat files 严重文件传输错误

入门之:如何在腾讯云服务器上部署自己的静态前端项目(服务器系统:centos7)

解决过程参考了这篇文章:ftp上传文件出现553 Could not creat files 严重文件传输错误

这个提示本质是因为该文件无写入权限,linux系统要对某个文件进行权限设置,可以通过chmod进行设置。

chmod能改变权限,-R是目录下所有文件,777就是高权限(读、写、执行)

chmod -R 777 * 意思就是将当前目录下所有文件都给予777权限

这个在服务器里不能随便敲的,不能在根目录下进行此命令,因为有些进程是指定权限(如755、700…)才能运行的…所以会出错。

1.3、FileZilla的大致使用流程

入门之:如何在腾讯云服务器上部署自己的静态前端项目(服务器系统:centos7)