linux deployment vue project --nginx

First, upload a file package

1. The compressed package dist.zip --- uploaded to the system such as linux / home / server / dist

2. Extracting archive

cd /home/server/dist
##解压
unzip dist.zip

image.png

Second, the configuration nginx configuration file

1. --------- determine suffix as host and contract staff

2. cd /xxx/nginx/conf

3. Edit nginx.conf vi nginx.conf

4. niginx configuration increases

 location /host{
   alias /home/server/vue/dist/;
   index index.html;
   try_files $uri $uri/ /index.html last;
}

location /(后缀名){
  alias 压缩包解压路径;
  index index.html;
  try_files $uri $uri/ /index.html last;
}

image.png

5. Sbin directory to the next restart nginx nginx

./nginx  –s reload

Third, access the web site

image.png