• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

使用go 部署vue前端服务

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
go——安装与设置发布时间:2022-07-10
下一篇:
Go题库1_字符串最后一个单词的长度发布时间:2022-07-10
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap