Nginx：taro h5 Nginx代理配置

配置服务部分：

h5: {
    devServer: {
      host: "m.loubei.com",
      port: 80,
      open: false,
      proxy: {
        '/api/': {
          target: 'https://api.fczx.com',
          ws: true, //开启websoket
          pathRewrite: {
            '^/api/': '/'
          },
          changeOrigin: true
        },
        '/areaapi/': {
          target: 'https://areaapi.fczx.com',
          pathRewrite: {
            '^/areaapi/': '/'
          },
          changeOrigin: true
        }
      }
    }
  }

 

server {
        listen       80;
        server_name  m.loubei.com;

        location / {
            root   F:\code\mini\dist\h5;
            index  index.html index.htm;
　　　　　　　#解决Nginx刷新后404找不到页面
            try_files $uri $uri/ /index.html; 
            add_header Access-Control-Allow-Origin *;
        }
        
        location /api/ {
            proxy_pass https://api.fczx.com;
            rewrite ^/api/(.*) https://api.fczx.com/$1 permanent;
        }
        
        location /areaapi/ {
            proxy_pass https://areaapi.fczx.com;
            rewrite ^/areaapi/(.*) https://areaapi.fczx.com/$1 permanent;
        }
        
    }

#此方法替换前缀/api/,/areaapi/不能解决跨域问题
location /api/ {
    proxy_pass https://api.fczx.com;
    rewrite ^/api/(.*) https://api.fczx.com/$1 permanent;
}
        
location /areaapi/ {
    proxy_pass https://areaapi.fczx.com;
    rewrite ^/areaapi/(.*) https://areaapi.fczx.com/$1 permanent;
}

#此方法替换前缀可以解决跨域问题
location /api/ {
   proxy_pass https://api.fczx.com/;
}
        
location /areaapi/ {
   proxy_pass https://areaapi.fczx.com/;
}

 

Nginx URL重写（rewrite）配置及信息详解

URL重写有利于网站首选域的确定，对于同一资源页面多条路径的301重定向有助于URL权重的集中

Nginx URL重写（rewrite）介绍

    和apache等web服务软件一样，rewrite的组要功能是实现RUL地址的重定向。Nginx的rewrite功能需要PCRE软件的支持，即通过perl兼容正则表达式语句进行规则匹配的。默认参数编译nginx就会支持rewrite的模块，但是也必须要PCRE的支持

    rewrite是实现URL重写的关键指令，根据regex（正则表达式）部分内容，重定向到replacement，结尾是flag标记。

rewrite语法格式及参数语法说明如下:

rewrite    <regex>    <replacement>    [flag];

    关键字      正则        替代内容          flag标记

 

    关键字：其中关键字error_log不能改变

    正则：perl兼容正则表达式语句进行规则匹配

    替代内容：将正则匹配的内容替换成replacement

    flag标记：rewrite支持的flag标记

 

flag标记说明：

last  #本条规则匹配完成后，继续向下匹配新的location URI规则

break  #本条规则匹配完成即终止，不再匹配后面的任何规则

redirect  #返回302临时重定向，浏览器地址会显示跳转后的URL地址

permanent  #返回301永久重定向，浏览器地址栏会显示跳转后的URL地址

rewrite参数的标签段位置：

server,location,if

rewrite ^/(.*) http://www.loubei.com/$1 permanent;

说明：                                        

rewrite为固定关键字，表示开始进行rewrite匹配规则

regex部分是 ^/(.*) ，这是一个正则表达式，匹配完整的域名和后面的路径地址

replacement部分是http://www.loubei.com/$1 $1，是取自regex部分()里的内容。匹配成功后跳转到的URL。

flag部分 permanent表示永久301重定向标记，即跳转到新的 http://www.loubei.com/$1 地址上