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 reload5.进入服务器开放端口
6.进行项目部署
6-1 build(vue项目示例)
6-2 将dist放入指定目录
7.使用域名访问项目
8.注明
此项目是github上开源项目 非本人项目！