前端静态页面

Deploy

• Use caddy to serve built files and proxy api to backend
• Server system: ubuntu20+

Install caddy

Mare sure 80/443 ports aren't been used.

sudo apt install -y debian-keyring debian-archive-keyring apt-transport-https curl
curl -1sLf 'https://dl.cloudsmith.io/public/caddy/stable/gpg.key' | sudo gpg --dearmor -o /usr/share/keyrings/caddy-stable-archive-keyring.gpg
curl -1sLf 'https://dl.cloudsmith.io/public/caddy/stable/debian.deb.txt' | sudo tee /etc/apt/sources.list.d/caddy-stable.list
sudo apt update
sudo apt install caddy # After installed, caddy will be automatically started, listening 80/443 port

# Check whether the installation is successful
systemctl status caddy
● caddy.service - Caddy
     Loaded: loaded (/usr/lib/systemd/system/caddy.service; enabled; preset: enabled)
     Active: active (running) since Wed 2024-10-16 19:06:58 CST; 46s ago
     ...

Refer: install caddy on ubuntu

Config caddy to serve built files

1. Copy built files which located at the dist directory to server:

# On dev computer
tar czf berry-ui-pro-dist.gz dist/ # package
scp ./berry-ui-pro-dist.gz xxx@xxx.xxx.xxx.xxx:~ # copy file to server

# On server computer
sudo mv berry-ui-pro-dist.gz /usr/share/caddy/ # move file to anywhere you like
cd /usr/share/caddy/
sudo tar xzf berry-ui-pro-dist.gz # unpackage
sudo mv dist/ berry-ui-pro-dist # rename dist to berry-ui-pro-dist(you can change this any way you like)

2. Open caddy config file:

vim /etc/caddy/Caddyfile

3. Edit the config file:

# change `xxx.teclub.com` to your real domain, notice: make sure you have setting your domain's A/AAAA records point to this server's public ip.
xxx.teclub.com {
    # Set this path to your site's directory.
    root * /usr/share/caddy/berry-ui-pro-dist # Notice: this path points to your built files

    # Enable the static file server.
    file_server

    # Set up a reverse proxy:
    handle_path /proxy-api/* {
        reverse_proxy http://test-erp.teclub.cn:5057
    }

    # If no static file matched, then redirect to index page, useful when serving spa with history route mode
    handle /* {
        try_files {path} {path}/ /index.html?{query}
    }
}

4. Reload caddy

sudo systemctl reload caddy

Finally, navigate browser to xxx.teclub.com