FinalShell进行前端项目部署及nginx配置

首先需要准备服务器(阿里云、腾讯云都可)与域名；

示例为阿里云服务器；

1.进行FinalShell下载

下载官网 https://www.hostbuf.com/

2.下载完毕后 配置FinalShell ssh

​

名称自定义即可！

 2-1 提示连接成功

​

3.首先检查nginx是否下载

​

提示版本号证明已安装

若无安装 安装

3-1 进入nginx官网进行安装

https://nginx.org/en/download.html

安装完成后可以将安装包解压 然后放到/etc/nginx目录(一般是这个目录) 也可根据实际情况

​

3-2 若安装宝塔面板 也可在宝塔面板软件商店中安装

​

3-3 安装完成后 同样查看nginx版本 出现版本证明安装成功！！

4.配置nginx

4-1 进入/www/server/nginx/conf  conf文件夹找到 nginx.conf  (此目录为nginx安装目录)

修改 nginx.conf文件 主要修改的是server

配置示例如下

user www;worker_processes 1;
error_log /www/wwwlogs/nginx_error.log crit;
pid /www/server/nginx/logs/nginx.pid;
worker_rlimit_nofile 51200;#stream {
#    log_format tcp_format '$time_local|$remote_addr|$protocol|$status|$bytes_sent|$bytes_received|$session_time|$upstream_addr|$upstream_bytes_sent|$upstream_bytes_received|$upstream_connect_time';
#  
#    access_log /www/wwwlogs/tcp-access.log tcp_format;
#    error_log /www/wwwlogs/tcp-error.log;
#    include /www/server/panel/vhost/nginx/tcp/*.conf;
#}events {use epoll;worker_connections 51200;multi_accept on;
}http {include mime.types;#include luawaf.conf;include proxy.conf;default_type application/octet-stream;server_names_hash_bucket_size 512;client_header_buffer_size 32k;large_client_header_buffers 4 32k;client_max_body_size 50m;sendfile on;tcp_nopush on;keepalive_timeout 60;tcp_nodelay on;fastcgi_connect_timeout 300;fastcgi_send_timeout 300;fastcgi_read_timeout 300;fastcgi_buffer_size 64k;fastcgi_buffers 4 64k;fastcgi_busy_buffers_size 128k;fastcgi_temp_file_write_size 256k;fastcgi_intercept_errors on;gzip on;gzip_min_length 1k;gzip_buffers 4 16k;gzip_http_version 1.1;gzip_comp_level 2;gzip_types text/plain application/javascript application/x-javascript text/javascript text/css application/xml;gzip_vary on;gzip_proxied expired no-cache no-store private auth;gzip_disable "MSIE [1-6]\.";limit_conn_zone $binary_remote_addr zone=perip:10m;limit_conn_zone $server_name zone=perserver:10m;server_tokens off;access_log off;server {listen 80;//端口号 http 默认80 https 默认443 其他根据情况来定server_name www.xxxx.com;//域名地址client_max_body_size 5m;
location / {root /www/wwwroot/dist/;//dist目录index index.html;//重定向目录}} 
}

4-2 修改完成后 首先检查 nginx文件是否有问题

nginx -t

 

提示successful 说明配置无问题

4-3 接着重启nginx

sudo systemctl restart nginx || nginx -s reload

5.进入服务器开放端口

6.进行项目部署

6-1 build(vue项目示例)

6-2 将dist放入指定目录

7.使用域名访问项目

8.注明

此项目是github上开源项目 非本人项目！