vue 項目使用nginx做服務代理

修改vue項目中的代理路徑 apis 爲空 或指定路徑名

配置服務器中的nginx中的配置文件  （ubuntu 中的默認路徑是 /etc/nginx/sites-available/default 文件）

修改default文件內容

server {
    listen 80;
    server_name 服務域名或地址;
    
    # 打包好的dist目錄文件，放置到這個目錄下
    # root /var/dist/;      

    location / {
      root /var/dist/;
      index index.html index.htm;
     }    

    location /apis/  {
       proxy_pass http://localhost:9999/;
       #proxy_set_header Host $http_host;
       proxy_connect_timeout 15;
       proxy_send_timeout 15;
       proxy_read_timeout 15;
       proxy_set_header X-Real-IP $remote_addr;
       proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
 

    location ~* ^/(code|auth|admin|gen|demo1|test1) {
       proxy_pass http://127.0.0.1:9999;
       #proxy_set_header Host $http_host;
       proxy_connect_timeout 15s;
       proxy_send_timeout 15s;
       proxy_read_timeout 15s;
       proxy_set_header X-Real-IP $remote_addr;
       proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

    }

} 

 

 

#重啓nginx配置

sudo nginx -s reload

#停止nginx服務

nginx -s stop 快速停止或關閉

#開啓nginx服務

sudo systemctl start nginx.service

#重啓nginx服務

service nginx restart