Ubuntu 安装部署vue nginx

一、在 Ubuntu 上安装 Nginx

sudo apt-get update

sudo apt install curl gnupg2 ca-certificates lsb-release

echo "deb http://nginx.org/packages/ubuntu `lsb_release -cs` nginx" \
    | sudo tee /etc/apt/sources.list.d/nginx.list

curl -fsSL https://nginx.org/keys/nginx_signing.key | sudo apt-key add -

sudo apt-key fingerprint ABF5BD827BD9BF62

sudo apt install nginx

// 启动 nginx 
service nginx restart // service nginx reload

二、配置 nginx 的 nginx.conf，主配置文件的路径为：/etc/nginx/nginx.conf
实际的配置文件是 /etc/nginx/sites-enabled/default
三、现在需要修改该文件的server节点：
server {
listen 80;
listen [::]:80;

    server_name qzsjfc.xyz; # 这里是网站的域名

    root /var/www/qzsjfc.xyz; # /vue/dist/ 打包后的dist目录

    location / {
            try_files $uri $uri/ @router; # 指向下面的 @router否则会出现 404
            index index.html index.htm;
    }

    # 对应上面的 @router,主要Vue请求并不是真实路径，无法找到文件，需要重定向到 index.html 中，然后交给路由处理
    location @router {
            rewrite ^.*$ /index.html last;
    }

}

4、重启nginx

nginx -s reload