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