前端vue发布到nginx服务器

准备一台linux服务器，安装nginx，并配置好域名。

我使用的ubuntu

apt-get update -y && apt-get instal nginx -y

nginx配置文件

server {
        listen 80;
        server_name www.xyz.com;
        location / {
                charset utf-8;
                gzip on;
                gzip_static on;
                gzip_http_version 1.1;
                gzip_buffers 32 4K;
                gzip_comp_level 6;
                gzip_min_length 100;
                gzip_types application/javascript text/css text/xml;
                gzip_disable "MSIE [1-6]\.";
                gzip_vary on;
                if ($request_filename ~* .*\.(?:htm|html)$)  {
                        add_header Cache-Control "private, no-store, no-cache, must-revalidate, proxy-revalidate";
                }
                if ($request_filename ~* .*\.(js|css|woff|png|jpg|jpeg)$) {
                        add_header Cache-Control "max-age = 604800";
                }

                root /home/nginx/www/;
                index  index.html index.htm;
        }

        location /api {
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header X-Forward-For $remote_addr;
                proxy_pass http://127.0.0.1:8000/;
        }
}

把本地打包好的文件放到nginx的根目录下，然后重启nginx服务。

打包可以使用本地打包+scp 自动上传,也可以使用jenkins自动打包+scp自动上传

配置ssl

证书可以使用免费的3个月更换一次的，我使用的cerbot

apt-get install snaped -y
snap install --classic certbot
ln -s /snap/bin/certbot /usr/bin/certbot
certbot --nginx

如果一切顺利的话，会提示你输入邮箱，然后选择域名，然后会自动配置好ssl证书。