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

示例为阿里云服务器；

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上开源项目 非本人项目！