关于前端项目部署到阿里云服务器

1.获取项目中打包后的dist文件夹

yarn build / npm run build //打包前端文件，生成dist文件夹

2.本地电脑连接远程阿里云服务器

3.在计算机后面的输入框中，输入您的云服务器的外网IP地址，然后单击 连接

4.输入您云服务器的用户名和密码即可登录

5.在服务器上安装nginx，打开nginx文件，找到html文件夹并把dist文件夹下的资源放到html文件夹下。

6.在conf下找到nginx.conf文件并打开。

7.将nginx下的配置文件（/nginx/conf/nginx.conf）里的server节点配置改为要配置的域名

server {
          
   
        #监听的端口，80端口是默认端口，在访问时，就无需输入端口号，其他的都需要输入端口号，比如这里访问地址就是127.0.0.1，而若是8080端口，则是127.0.0.1：8080
        listen       80;
        #此处localhost可改为要访问的域名或者ip地址，若有多个用空格隔开。例如 server_name www.baidu.com baidu.com test.baidu.com
        server_name  localhost;
        #编码
        charset utf-8;

        #access_log  logs/host.access.log  main;

        location / {
          
   
            #nginx下HTML文件夹，访问上述域名时会检索此文件夹下的文件进行访问
            root   html;
            #输入网址（server_name：port）后，默认的访问页面
            index  index.html index.htm;
        }

8.配置改完后测试配置是否正确（找到sbin文件夹打开，看到nginx文件后再命令行输入nginx -t检测）

9.配置正确后，重启nginx（nginx -s reload）

10.若访问的是域名还需去进行域名解析，网站配置域名指向ip。检测是否成功：ping一下域名，若结果为自己指向的ip则解析成功

11.建议先把 server_name 设置为localhost;检测配置是否成功

** 若端口号连接不通，此时需 要到阿里云把服务器端口号改成nginx配置中所需要的端口号

12.到阿里云控制台中找服务器-实例-安全组中添加端口范围

13.nginx的几个指令以及nginx压缩包

nginx.exe / start nginx  //启动
nginx -s reload //重启
nginx -s stop //快速停止nginx运行
nginx -s quit //完整有序的停止