Basic HTTP tutorial swagger CORS issue

[0xBradock]

Hello,

I am trying the goa framework and I am having trouble with the swagger step.
I went through the tutorial here up to the end of Running.

If I execute the curl commands in the terminal I can see the events added and listed. I can also see the list of events in my browser http://localhost:8080/concerts. But when accessing swagger on http://localhost:8081/ and http://localhost:8080/openapi3.yaml for the explore path I get the following error.

I have also added the cors configuration as suggested in the docs

import (
	. "goa.design/goa/v3/dsl"
	cors "goa.design/plugins/v3/cors/dsl"
)

var _ = API("calc", func() {
	Title("CORS Example Calc API")
	Description("This API demonstrates the use of the goa CORS plugin")

	cors.Origin("*")
})

// Service definition
var _ = Service("concerts", func() {
	cors.Origin("*")
        // the rest ...
}

Which (I assume) created:

// gen/http/concerts/server/server.go

// HandleConcertsOrigin applies the CORS response headers corresponding to the
// origin for the service concerts.
func HandleConcertsOrigin(h http.Handler) http.Handler {
	return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
		origin := r.Header.Get("Origin")
		if origin == "" {
			// Not a CORS request
			h.ServeHTTP(w, r)
			return
		}
		if cors.MatchOrigin(origin, "*") {
			w.Header().Set("Access-Control-Allow-Origin", origin)
			w.Header().Set("Vary", "Origin")
			if acrm := r.Header.Get("Access-Control-Request-Method"); acrm != "" {
				// We are handling a preflight request
				w.WriteHeader(204)
				return
			}
			h.ServeHTTP(w, r)
			return
		}
		h.ServeHTTP(w, r)
		return
	})
}

Any suggestions? Thanks,

[taylrfnt]

I'm also having this issue, but slightly before SwaggerUI: goadesign/examples#163

[raphael]

This is a different issue, the example wasn't properly serving the file - it is now fixed. Details at goadesign/examples#163 (comment).