nginx 配置 SPA 路由 和 mkcert 添加 https 授信证书

nginx 配置 SPA 路由 和 mkcert 添加 https 授信证书

五月 16, 2021 本文共计： 262 字 预计阅读时长： 1分钟

Nginx 配置 SPA路由

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
  server {
       listen       80;
       server_name www.yunquna.com;

       #charset koi8-r;

       #access_log  logs/host.access.log  main;

      location  / {
        root   html;
        index  index.html index.htm;
         try_files $uri /index.html;

     }
}

当React项目打包后，处于单页应用下，路由是无法生效的，需要配合服务端或者nginx，实现当页面刷新后，应用始终指向的是根目录下的index.html。

mkcert添加https证书访问

如何玩转自授权的https证书呢？

这里依旧是借助mkcert这个工具来玩的，具体的文档请参照官网自行研究：

mkcert : https://github.com/FiloSottile/mkcert

1
2
3
# Step 1

mkcert myDomain.com

注意：这里需要保留 80 端口的配置，同时监听 443 端口的访问，进行颁发证书

1
2
3
4
5
6
7
8
9
# Step 2

server {
      listen *:443 ssl http2;
      root html;
      server_name myDomain.com;
      ssl_certificate xxxx/localhost+1.pem;
      ssl_certificate_key xxx/localhost+1-key.pem;
    }

号外号外！

最近跟我的前同事成立了一个github组织：

有兴趣的小伙伴可以点个Star参与进来，如果你也是一个足够自律的人，前端客栈欢迎你！👏

alt

许可协议:署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。