Vue3+Nuxt3打造SSR网站应用，0到1实现服务端渲染yun盘fen享

download:https://www.sisuoit.com/2739.html

Caddy具有如下主要特性：

• 对比Nginx复杂的配置，其独创的​​Caddyfile​​配置非常简单；
• 可以通过其提供的​​Admin API​​实现动态修改配置；
• 默认支持自动化HTTPS配置，能自动申请HTTPS证书并进行配置；
• 能够扩展到数以万计的站点；
• 可以在任意地方执行，没有额外的依赖；
• 采用Go语言编写，内存安全更有保证。

安装

首先我们直接在CentOS 8上安装Caddy，使用DNF工具安装无疑是最简单的，Docker安装方式之后也会介绍。

• 使用如下命令通过DNF工具安装Caddy，安装成功后Caddy会被注册成系统服务；

dnf install 'dnf-command(copr)'
dnf copr enable @caddy/caddy
dnf install caddy
复制代码

• 使用​​systemctl status caddy​​查看Caddy的状态，可以发现Caddy已被注册为系统服务，但是还没开启。

使用

下面我们体验下Caddy的基本使用，对于Web服务器来说都是常用的操作，你准能用的上！

基本使用

首先我们来个Caddy的入门使用，让Caddy运行在​​2015​​端口上并返回​​Hello, world!​​。

• 直接使用​​caddy​​命令将输出Caddy的常用命令，基本看介绍就知道如何使用了，标出来的是常用命令；

• 使用​​caddy start​​命令可以让Caddy服务在后台运行；

• Caddy默认使用JSON格式的配置文件，但由于JOSN格式配置书写比较麻烦，又提供了​​Caddyfile​​这种更加简洁的配置形式，使用如下命令能自动把​​Caddyfile​​转化为JSON配置；

caddy adapter
复制代码

• 我们可以先创建一个名称为​​Caddyfile​​的文件，文件内容如下，然后使用​​caddy adapter​​将它转换为JSON配置，再使用​​caddy reload​​使配置生效，该配置将监听​​2015​​端口，并返回​​Hello, world!​​；

:2015

respond "Hello, world!"
复制代码

• 然后我们使用curl命令访问​​localhost:2015​​，将返回指定的信息；

• 当然我们还可以使用Caddy提供的​​Admin API​​来查看配置信息，使用如下命令即可；

curl localhost:2019/config/
复制代码

• 当前JSON配置如下，如果你直接使用JSON配置的话需要书写如下配置，使用​​Caddyfile​​确实方便很多！

{
   "apps": {
      "http": {
         "servers": {
            "srv0": {
               "listen": [":2015"],
               "routes": [{
                  "handle": [{
                     "body": "Hello, world!",
                     "handler": "static_response"
                  }]
               }]
            }
         }
      }
   }
}
复制代码

​​Caddyfile​​基本语法

• 下面案例将使用​​Caddyfile​​来进行配置，我们有必要了解下它的语法，​​Caddyfile​​的具体语法规则如下。

• 介绍下上图中的关键字，有助于理解。

反向代理

反向代理就是当请求访问你的代理服务器时，代理服务器会对你的请求进行转发，可以转发到静态的资源路径上去，也可以转发到动态的服务接口上去。下面我们以对域名进行代理为例，来讲讲如何进行静态代理和动态代理。

静态代理

静态代理就是将请求代理到不同的静态资源路径上去，这里我们将对​​docs.macrozheng.com​​的请求代理到我的文档项目中，对​​mall.macrozheng.com​​的请求代理到mall的前端项目中。

• 首先我们修改下本机的host文件：

192.168.3.106 docs.macrozheng.com
192.168.3.106 mall.macrozheng.com
复制代码

• 然后将我们的文档项目和mall前端项目上传到Caddy的html目录中去，并进行解压操作：

• 修改​​Caddyfile​​文件，使用如下配置，修改完成后使用​​caddy reload​​命令刷新配置；

http://docs.macrozheng.com {
        root * /mydata/caddy/html/docs
        file_server browse
}

http://mall.macrozheng.com {
        root * /mydata/caddy/html/mall
        file_server browse
}
复制代码

• 如果你的​​Caddyfile​​文件格式不太合格的话，会出现如下警告，直接使用​​caddy fmt --overwrite​​格式化并重写配置即可解决；

• 通过​​docs.macrozheng.com​​即可访问部署好的文档项目了：

• 通过​​mall.macrozheng.com​​即可访问到部署好的前端项目了。

动态代理

动态代理就是把代理服务器的请求转发到另一个服务上去，这里我们将把对​​api.macrozheng.com​​的请求代理到演示环境的API服务上去。

• 首先我们修改下本机的host文件，添加如下规则：

192.168.3.106 api.macrozheng.com
复制代码

• 修改​​Caddyfile​​文件，使用如下配置，修改完成后使用​​caddy reload​​命令刷新配置；

http://api.macrozheng.com {
        reverse_proxy http://admin-api.macrozheng.com
}
复制代码

• 之后通过​​api.macrozheng.com/swagger-ui.html​​即可访问到​​mall-admin​​的API文档页面了。

文件压缩

如果我们的服务器带宽比较低，网站访问速度会很慢，这时我们可以通过让Caddy开启Gzip压缩来提高网站的访问速度。这里我们以mall的前端项目为例来演示下它的提速效果。

• 我们需要修改​​Caddyfile​​文件，使用​​encode​​指令开启Gzip压缩，修改完成后使用​​caddy reload​​命令刷新配置；

http://mall.macrozheng.com {
        root * /mydata/caddy/html/mall
        encode {
            gzip
        }
        file_server browse
}
复制代码

• 有个比较大的JS文件压缩前是​​1.7M​​；