用 Vue + Golang 快速搭建扫码点餐系统(含 Nginx 配置部署实战)

68 阅读1分钟

一、前言:为什么扫码点餐是趋势?

  • 疫情后顾客更喜欢自助扫码
  • 减少人工成本
  • 实时菜单更新更方便

二、系统架构简介

  • 前端:Vue 构建的 H5 页面,适配手机使用
  • 服务端:Golang 编写,高性能 API 支持
  • 后台管理端:PHP 5.6,经典稳定
  • Nginx:作为反向代理和部署门户,使用 HTTPS 保证数据安全

本系统服务端不开源,但支持私有部署、二开授权,适合小团队和个人创业者使用。

三、部署环境准备

  • 一台 Linux 云服务器(建议:1核2G 起)
  • 安装 Nginx、配置域名
  • 上传系统文件(购买后获取压缩包)

四、Nginx 配置示例

nginx
复制编辑
server {
    listen 80;
    server_name www.example.com;
    return 301 https://$server_name$request_uri;
}

server {
    listen 443 ssl;
    server_name www.example.com;

    ssl_certificate     /etc/ssl/certs/your.crt;
    ssl_certificate_key /etc/ssl/private/your.key;

    location / {
        root /var/www/html/h5; # 前端页面目录
        index index.html;
        try_files $uri $uri/ /index.html;
    }

    location /api/ {
        proxy_pass http://127.0.0.1:9100/; # Golang API 服务
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }
}

五、使用体验(附图)

pic1.jpg

pic2.jpg

pic3.jpg

pic4.jpg

20250621_1442_技术架构图_simple_compose_01jy8kgk82e36vb3tk5dt2aagx.png