Bdtjtk

Description

I have setup buffalo project which serves angular 6 front-end. All my APIs are written in buffalo with their own routes with /api prefix, while front-end routes are written in angular. Buffalo is rendering index.html from dist folder, using packr to pack this folder. The problem is app works fine locally with my dev environment (buffalo dev). However, it doesn't render front-end on final build (buffalo build), though APIs are working.

Project structure

Angular repository is in webapp directory, and building it in webapp/dist folder.

Buffalo renders it using packr.

actions > render.go

    //webapp distribution folder

    var assetsBox = packr.NewBox("../webapp/dist")



    func init() {

        r = render.New(render.Options{

            // HTML layout to be used for all HTML requests:

            // HTMLLayout: "application.html",



            //webapp distribution folder

            TemplatesBox: assetsBox,

            AssetsBox:    assetsBox,



            // Add template helpers here:

            Helpers: render.Helpers{},

        })

    }

actions > app.go

    // API routes

    api := app.Group(API_PREFIX)

    api.Use(Authorize)



    // Set the request content type to JSON

    api.Use(contenttype.Set("application/json"))

    api.POST("/auth/create", AuthCreate)

    api.GET("/users", UserList)

    api.POST("/users", UserCreate)

    api.Middleware.Skip(Authorize, AuthCreate,)



    // Front-end routes

    app.ServeFiles("/", assetsBox)

    app.GET("/", HomeHandler)

    app.GET("/{path:.+}", HomeHandler)

actions > home.go

    // HomeHandler is a default handler to serve up

    // a home page.

    func HomeHandler(c buffalo.Context) error {

        //webapp entry point

        return c.Render(200, r.HTML("index.html"))

    }

As I mentioned earlier, index.html file is in webapp/dist folder.

Steps to reproduce

buffalo dev will render UI on http://127.0.0.1:3000
buffalo build will be successful with final binary. Even more, this binary runs fine and starting application at 127.0.0.1:3000. However, browser doesn't render UI, it says could not find. Interesting stuff is, you can still evident all angular files such as http://127.0.0.1:3000/vendor.js. Only index.html doesn't render. Remember, APIs are also working.

To debug, I renamed index.html to app.html and build it using buffalo build. Angular app got initiated, if I manually run http://127.0.0.1:3000/app.html. But I can't go with that as browser refresh will be an issue.