vue项目发布，通过nginx跨越问题

# 自己使用记录

server {        listen       80;        server_name  127.0.0.1;        #charset koi8-r;        #access_log  logs/host.access.log  main;        root   G:/dist;  //  vue项目build打包地址index  index.html index.htm;location ^~ /test/ { // 匹配到路径中有test的就停止向下搜索，采用这一条proxy_pass http://127.0.0.1:8081/;  // 后台项目访问地址}location / {try_files $uri $uri/ @router;index index.html;        }location @router {rewrite ^.*$ /index.html last;        }        #error_page  404              /404.html;        # redirect server error pages to the static page /50x.html        #        error_page   500 502 503 504  /50x.html;        location = /50x.html {            root   html;        }    }

location  = / {  # 精确匹配 / ，主机名后面不能带任何字符串  [ configuration A ] }location  / {  # 因为所有的地址都以 / 开头，所以这条规则将匹配到所有请求  # 但是正则和最长字符串会优先匹配  [ configuration B ] }location /documents/ {  # 匹配任何以 /documents/ 开头的地址，匹配符合以后，还要继续往下搜索  # 只有后面的正则表达式没有匹配到时，这一条才会采用这一条  [ configuration C ] }location ~ /documents/Abc {  # 匹配任何以 /documents/ 开头的地址，匹配符合以后，还要继续往下搜索  # 只有后面的正则表达式没有匹配到时，这一条才会采用这一条  [ 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已=开头表示精确匹配如 A 中只匹配根目录结尾的请求，后面不能带任何字符串。^~ 开头表示uri以某个常规字符串开头，不是正则匹配~ 开头表示区分大小写的正则匹配;~* 开头表示不区分大小写的正则匹配/ 通用匹配, 如果没有其它匹配,任何请求都会匹配到具体规则本文是查看文章： https://segmentfault.com/a/1190000002797606