为什么不直接采用npm run dev

第一,npm run发起的服务(未验证)很可能是利用前端服务对象开启的,其性能远远不如go的后端服务性能;第二,把vue的前端项目部署到go发起的http服务上,当后端语言也采用go时,有利于服务器上前后端代码同时维护~。

前提

node
vue
vue-cli
go

因为不是入门级文章,上述的环境准备不多做介绍。

  1. vue init webpack projectx 省略一系列package.json的设置
  2. cd projectx
  3. npm run build //产出的indext.html和资源会被编译打包进dist文件夹
  4. 在src下新建main.go
    main.go
package main

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

func main(){
  r := gin.Default()
  r.LoadHTMLGlob("dist/*.html")    // 添加入口index.html
  r.LoadHTMLFiles("static/*/*")	// 添加资源路径
  r.Static("/static", "./dist/static") 	// 添加资源路径
  r.StaticFile("/hello/", "dist/index.html")  //前端接口

  r.Run(":8080")
}

  1. go run main.go
  2. 浏览器输入http:localhost:8080/hello/
    在这里插入图片描述
Logo

前往低代码交流专区

更多推荐