使用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​​
7. 浏览器输入​​http:localhost:8080/hello/​​



8.