datart 前后端分离部署 nginx 配置

背景

datart 前后端分离部署, 分享出来的链接访问不到, 会直接跳回到index

解决办法

nginx增加 对于分享页面的路径规则配置, 例:

server {
                listen       80;
                server_name xxx.cn;

                root   /data/xxxx;

                add_header Access-Control-Allow-Origin *;
                add_header 'Access-Control-Allow-Credentials' 'true';
                add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
                add_header Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept";

                location / {
                        index index.html;
                        try_files $uri $uri/ /index.html;
                }
                location /api/ {
                        proxy_connect_timeout 120s;
                        proxy_send_timeout 120s;
                        proxy_read_timeout 120s;
                        proxy_pass http://xxx/api/;
                        client_max_body_size 20m;
                }

                location /shareDashboard/ {
                        index shareDashboard.html;
                        try_files $uri $uri/ /shareDashboard.html;
                }


                location /shareStoryPlayer/ {
                        index shareStoryPlayer.html;
                        try_files $uri/ /shareStoryPlayer.html;
                }

                location /shareChart/ {
                         index shareChart.html;
                }
}

更多nginx location 规则

ocation  = / {
  # 精确匹配 / ，主机名后面不能带任何字符串
  [ configuration A ]
}
location  / {
  # 因为所有的地址都以 / 开头，所以这条规则将匹配到所有请求
  # 但是正则和最长字符串会优先匹配
  [ configuration B ]
}
location /documents/ {
  # 匹配任何以 /documents/ 开头的地址，匹配符合以后，还要继续往下搜索
  # 只有后面的正则表达式没有匹配到时，这一条才会采用这一条
  [ configuration C ]
}
location ~ /documents/Abc {
  # 匹配任何以 /documents/Abc 开头的地址，匹配符合以后，还要继续往下搜索
  # 只有后面的正则表达式没有匹配到时，这一条才会采用这一条
  [ configuration CC ]
}
location ^~ /images/ {
  # 匹配任何以 /images/ 开头的地址，匹配符合以后，停止往下搜索正则，采用这一条。
  [ configuration D ]
}
location ~* \.(gif|jpg|jpeg)$ {
  # 匹配所有以 gif,jpg或jpeg 结尾的请求
  # 然而，所有请求 /images/ 下的图片会被 config D 处理，因为 ^~ 到达不了这一条正则
  [ configuration E ]
}
location /images/ {
  # 字符匹配到 /images/，继续往下，会发现 ^~ 存在
  [ configuration F ]
}
location /images/abc {
  # 最长字符匹配到 /images/abc，继续往下，会发现 ^~ 存在
  # F与G的放置顺序是没有关系的
  [ configuration G ]
}
location ~ /images/abc/ {
  # 只有去掉 config D 才有效：先最长匹配 config G 开头的地址，继续往下搜索，匹配到这一条正则，采用
    [ configuration H ]
}
location ~* /js/.*/\.js {
  # 不区分大小写匹配
  [ configuration I ]
}