Vue Nginx 发布部署

1. 安装部署Nginx：Nginx windows 安装部署
2. 编译Vue程序：npm run build 
3. 生成dist文件夹里面的文件如下：
4. 
5. 将dist文件夹拷贝到：D:\nginx-1.18.0\html目录下面
6. 配置：D:\nginx-1.18.0\conf\nginx.conf文件

   
   worker_processes  1;
   
   events {
       worker_connections  1024;
   }
   
   http {
       include       mime.types;
       default_type  application/octet-stream;
       sendfile        on;
       keepalive_timeout  65;
       server {
           listen       8088;//配置访问端口
           server_name  localhost;
   
    	    location / {
               //配置文件路径
               root   D:/nginx-1.18.0/html/dist;
               index  index.html index.htm;
           }
   
           error_page   500 502 503 504  /50x.html;
           location = /50x.html {
               root   html;
           }
       }
   }
   

    

7. 配置完成，运行：http://localhost:8088