Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

gin vue admin

作者:冷宸枫   发布日期:2026-03-02   浏览:71

// main.go - Gin Vue Admin 示例代码

package main

import (
    "fmt"
    "github.com/gin-gonic/gin"
    "net/http"
)

func main() {
    r := gin.Default()

    // 静态文件服务,用于提供前端Vue构建后的文件
    r.Static("/static", "./dist/static")
    r.StaticFile("/", "./dist/index.html")

    // API路由示例
    r.GET("/api/ping", func(c *gin.Context) {
        c.JSON(http.StatusOK, gin.H{
            "message": "pong",
        })
    })

    // 启动服务器
    err := r.Run(":8080")
    if err != nil {
        fmt.Println("Server startup failed:", err)
    }
}

解释说明

  1. 静态文件服务:

    • r.Static("/static", "./dist/static"):将前端Vue构建后的静态资源(如CSS、JS等)通过Gin提供的静态文件服务功能暴露出来。
    • r.StaticFile("/", "./dist/index.html"):指定根路径 / 返回 index.html 文件,这是Vue应用的入口文件。
  2. API路由示例:

    • r.GET("/api/ping", ...):定义了一个简单的API接口,当访问 /api/ping 时,返回一个JSON格式的响应 { "message": "pong" }
  3. 启动服务器:

    • r.Run(":8080"):在端口8080上启动Gin服务器,监听HTTP请求。

这个示例展示了如何使用Gin框架来搭建一个后端服务器,并与Vue前端应用结合。前端Vue应用的构建结果放在 ./dist 目录下,通过Gin提供的静态文件服务功能进行访问。

上一篇:vue拿不到$event

下一篇:vue h

大家都在看

vue.js devtools用法

three.js vue

vue js for循环

vue.min.js 本地引入

highlight.js vue

vue.config.js 配置

vue.config.js 配置代理

vue.config.js configu

node.js vue

vue3 写法

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站