1.打包前端項目(運行build這個文件)

2.打包完成后，控制臺如下所示:(沒有報錯即代表成功)

3.左側出現dist文件夾

4.準備好我們下載的nginx(可以到官網下載一個),然后在一個沒有中文路徑下的文件夾里面解壓。

5.在繼承終端內打開我們的項目，找到前面打包好生成的dist目錄，把里面的內容全部復制下來，然后粘貼到nginx里面的html目錄，這就完成項目的部署了。

6.可能會遇到的問題，nginx無法訪問后端寫的業務邏輯，這是因為打包的項目沒有包括我們原來的代理的配置，可以修改nginx的配置來解決這個問題（我的后端端口是8080,如果不一致要記得修改）

#user  nobody;
worker_processes  1;events {worker_connections  1024;
}http {include       mime.types;default_type  application/octet-stream;sendfile        on;keepalive_timeout  65;server {listen       80;server_name  localhost;client_max_body_size 10m;location / {root   html;index  index.html index.htm;try_files $uri $uri/ /index.html;}location ^~ /api/ {rewrite ^/api/(.*)$ /$1 break;proxy_pass http://localhost:8080;}error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}}
}

? ? ? ? 之后我們在此處進入命令窗口，輸入nginx.exe -s reload,就可以解決這個問題啦，

打開我們要訪問的目的地址,可以看到成功訪問到了.ok