使用go 部署vue前端服务

为什么不直接采用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")
}

5. go run main.go
6. 浏览器输入http:localhost:8080/hello/