nginx代理-vue配置前端后台 

 server {
   # 需要被监听的端口号，前提是此端口号没有被占用，否则在重启 Nginx 时会报错
   listen       50071;
   # 服务名称，无所谓
   server_name  localhost;

   # 上述端口指向的根目录
   root D://gxcx/web/dist/;
   # 项目根目录中指向项目首页
   index index.html;

   client_max_body_size 20m; 
   client_body_buffer_size 128k;

   # 根请求会指向的页面
   location / {
     # 此处的 @router 实际上是引用下面的转发，否则在 Vue 路由刷新时可能会抛出 404
     try_files $uri $uri/ @router;
     # 请求指向的首页
     index index.html;
   }

   # 由于路由的资源不一定是真实的路径，无法找到具体文件
   # 所以需要将请求重写到 index.html 中，然后交给真正的 Vue 路由处理请求资源
   location @router {
     rewrite ^.*$ /index.html last;
   }



   # 关键步骤，这里表示将所有的 http://192.168.7.8:8888/teamnote/api/ 开头的请求都转发到下面 proxy_pass 指定的链接中
   # 这里使用 /teamnote/api/ 而不是 /teamnote/ ，是因为前端项目本身的访问链接就是 http:192.168.7.8:8888/teamnote/
   # 为了防止在访问页面时请求就被 Nginx 代理转发，这里需要更具体的配置，才能和前端访问请求区分开

   vue代理必须用product，否则会报 we're sorry but query2 doesn't work properly without javascript enabled. please enable it to c
   location /product/ {
     
         # 后端的真实接口
          proxy_pass http://10.1.17.94:8080/;
          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;
   }
 
}