vue.js - dispatch.yaml - Problem accessing Subdomain on App Engine Standard

Question

I have the following static webpage that I have deployed on App Engine:

I am using Node.js runtime because the actual app I want to deploy is a Vue.js application.

When I deploy I am able to access the application on the default url that is provided by App Engine that looks like this https://dev-xxxxx.uc.r.appspot.com. The CSS is applied perfectly.

I have created a dispatch.yaml that maps the dev service to my custom subdomain dev.example.com:

dispatch:
   - url: "dev.example.com/"
     service: dev

but when i access the webpage using my custom domain the CSS isn't loaded.. does anyone know why this is happening or what I have missed?

This is happening on Javascript files too hence my Vue.js app isn't loading when accessed via the custom domain.

question from:https://stackoverflow.com/questions/65851223/dispatch-yaml-problem-accessing-subdomain-on-app-engine-standard

Answer 1

okay i have figured it out, on the dispatch.yaml i had to add an asterisk, like so

dispatch:
   - url: "dev.example.com/*"
     service: dev

Not sure why it works...the only reason i can think of is the url uses regex to route.