部署Vue到gin非常簡單,只需要在gin項目中添加Vue的輸出路徑即可,下面是詳細步驟:
1. 在Vue項目中使用npm build命令編譯Vue項目,生成dist文件夾,包含了所有的打包后的代碼。
npm run build
2. 在gin項目中添加Vue的輸出路徑,可以在gin項目中添加靜態文件服務。
router.StaticFS("/assets", http.Dir("./dist"))
3. 在gin中設置默認路由,使其返回Vue的index.html文件。
router.NoRoute(func(c *gin.Context) { c.File("./dist/index.html") })
4. 啟動gin項目,即可訪問Vue應用。
router.Run(":8080")