springcloud+vue+nginx线上部署

这玩意弄了好久

部署有两种 

1.vue+tomcat（单服务）

2.vue+nginx

我这里为什么不用tomcat,因为nginx可以很好的解决跨域的问题

我的组件：

springcloud(网关+nacos+各服务)

vue

nginx

请求流程图：

上图的流程：

1.网页请求nginx的端口

2.nginx映射到vue的index.html

3.vue代码自动根据nginx配置ip:端口+接口地址再次发请求到nginx

4.nginx反向代理到网关

5.网关分发到各服务

这里最重要的是nginx的配置

下面配置支持websocket

Nginx支持WebSocket反向代理-学习小结 - 散尽浮华 - 博客园

nginx 反向代理参数说明
    proxy_connect_timeout 600;  #nginx跟后端服务器连接超时时间(代理连接超时)
    proxy_read_timeout    600;  #连接成功后，后端服务器响应时间(代理接收超时) Linux学习，http:// linux.it.net.cn 
    proxy_send_timeout    600;  #后端服务器数据回传时间(代理发送超时)
    proxy_buffer_size     32k;  #设置代理服务器（nginx）保存用户头信息的缓冲区大小
    proxy_buffers         4 32k;#proxy_buffers缓冲区，网页平均在32k以下的话，这样设置
    proxy_busy_buffers_size  64k;           #高负荷下缓冲大小（proxy_buffers*2）
    proxy_temp_file_write_size  64k;