npm run build

server {
    # 需要被監(jiān)聽的端口號(hào)，前提是此端口號(hào)沒有被占用，否則在重啟 Nginx 時(shí)會(huì)報(bào)錯(cuò)
    listen       8888;
    # 服務(wù)名稱，無所謂
    server_name  localhost;

    # 上述端口指向的根目錄
    root /opt/asing1elife/teamnote;
    # 項(xiàng)目根目錄中指向項(xiàng)目首頁(yè)
    index index.html;

    client_max_body_size 20m; 
    client_body_buffer_size 128k;

    # 根請(qǐng)求會(huì)指向的頁(yè)面
    location / {
      # 此處的 @router 實(shí)際上是引用下面的轉(zhuǎn)發(fā)，否則在 Vue 路由刷新時(shí)可能會(huì)拋出 404
      try_files $uri $uri/ @router;
      # 請(qǐng)求指向的首頁(yè)
      index index.html;
    }

    # 由于路由的資源不一定是真實(shí)的路徑，無法找到具體文件
    # 所以需要將請(qǐng)求重寫到 index.html 中，然后交給真正的 Vue 路由處理請(qǐng)求資源
    location @router {
      rewrite ^.*$ /index.html last;
    }

    # 關(guān)鍵步驟，這里表示將所有的 http://192.168.7.8:8888/teamnote/api/ 開頭的請(qǐng)求都轉(zhuǎn)發(fā)到下面 proxy_pass 指定的鏈接中
    # 這里使用 /teamnote/api/ 而不是 /teamnote/ ，是因?yàn)榍岸隧?xiàng)目本身的訪問鏈接就是 http:192.168.7.8:8888/teamnote/
    # 為了防止在訪問頁(yè)面時(shí)請(qǐng)求就被 Nginx 代理轉(zhuǎn)發(fā)，這里需要更具體的配置，才能和前端訪問請(qǐng)求區(qū)分開
    location /teamnote/api/ {
          # 后端的真實(shí)接口
          proxy_pass http://192.168.7.8:2592/teamnote/api/;
          proxy_redirect off;
          proxy_set_header Host $host;
          proxy_set_header X-Real-IP $remote_addr;
          proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
          proxy_set_header   Cookie $http_cookie;
          # for Ajax
          #fastcgi_param HTTP_X_REQUESTED_WITH $http_x_requested_with;
          proxy_set_header HTTP-X-REQUESTED-WITH $http_x_requested_with;
          proxy_set_header HTTP_X_REQUESTED_WITH $http_x_requested_with;
          proxy_set_header x-requested-with $http_x_requested_with;
          client_max_body_size 10m;
          client_body_buffer_size 128k;
          proxy_connect_timeout 90;
          proxy_send_timeout 90;
          proxy_read_timeout 90;
          proxy_buffer_size 128k;
          proxy_buffers 32 32k;
          proxy_busy_buffers_size 128k;
          proxy_temp_file_write_size 128k;
    }
}

# centos 7
systemctl restart nginx.service
# centos 6
service nginx restart

service nginx reload

systemctl restart nginx.service

service nginx restart

service nginx reload