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

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

五月 17, 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参与进来,如果你也是一个足够自律的人,前端客栈欢迎你!👏