vue golang 同一台机器开发环境配置

吴宪峰 · · 657 次点击 · · 开始浏览    
这是一个创建于 的文章,其中的信息可能已经有所发展或是发生改变。

golang 服务端
package main

import (
    "net/http"

    "github.com/gin-gonic/gin"
)

type MoneyType struct {
    ID   int    `json:"id"`
    Name string `json:"name"`
    Code string `json:"code"`
}

func main() {
    r := gin.Default()
    // 添加静态资源路径 
    r.Static("/static", "./dist/static")
    r.GET("/hello", func(c *gin.Context) {
        c.JSON(http.StatusOK, gin.H{
            "msg": "hello",
        })
    })
    r.GET("/", func(c *gin.Context) {
        c.HTML(http.StatusOK, "index.html", gin.H{})
    })

    r.GET("/api/moneytype", func(c *gin.Context) {
        c.JSON(http.StatusOK, gin.H{
            "data": &MoneyType{
                ID:   1,
                Name: "RMB",
                Code: "01",
            },
        })
    })

    r.Run(":8000")
}
vue 部分
vue.config.js
module.exports = {
    // 项目部署的基础路径
    // 我们默认假设你的应用将会部署在域名的根部,
    // 比如 https://www.my-app.com/
    // 如果你的应用时部署在一个子路径下,那么你需要在这里
    // 指定子路径。比如,如果你的应用部署在
    // https://www.foobar.com/my-app/
    // 那么将这个值改为 `/my-app/`
    //baseUrl: '/',
    // 将构建好的文件输出到哪里
    //outputDir: 'dist',

    // 放置静态资源的地方 (js/css/img/font/...)
    // golang 服务端 开静态服务 /static 目录
    // npm run build 时 js css 等文件存放在 dist/static目录下
    assetsDir: './static',

    devServer: {
    // 配置代理 转发不知名的请求到 golang 服务端
        proxy: 'http://localhost:8000',
    },
}
axios 在datatable组件中加载

    initialize() {
      axios.get("/api/moneytype").then(response=> {
        console.log(response.data)
        this.desserts = response.data.data
      });
    },

有疑问加站长微信联系(非本文作者)

本文来自:简书

感谢作者:吴宪峰

查看原文:vue golang 同一台机器开发环境配置

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:692541889

657 次点击  
加入收藏 微博
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传