Add hints for when to use the example development .env files

[outdooracorn]

Bug: T420581

[github-actions]

Deployment previews on netlify for branch refs/pull/1107/merge will be at the following locations (when build is done):

• UI with mock store: https://1090274f60-mock--wbstack-ui.netlify.app/
• UI pointing to prod: https://1090274f60-prod--wbstack-ui.netlify.app/

[tarrow]

I think these descriptions aren't right. I'm not actually 100% sure though

[tarrow]

Is this right?

I saw it was introduced in #824 and I think this is the context it's intended to be used in

Suggested change

	# For local development using docker
	# For running GitHub Actions tests using docker

[outdooracorn]

Thanks for pointing this out.

I think it might be for both then?

I might be missing something, but I don't see how .env.development.local which sets VUE_APP_API_URL=http://localhost:8082 can work in a local docker environment as localhost will resolve to the UI docker container.

[tarrow]

local docker environment as localhost will resolve to the UI docker container.

I think not. I think it will resolve to 127.0.0.1 and I assume you aren't using a browser in docker but just a normal browser on the host?

I think VUE_APP_API_URL=http://localhost:8082 is designed for local development. e.g. incombination with the docker-compose dev environment from the API repo (https://github.com/wbstack/api/blob/main/docker-compose.yml#L12) or perhaps from kubectl port-forward deployment/api-app-backend 8082:80 ?

[outdooracorn]

Ahhhh of course! The UI is all client side. Thanks for fixing my brain there. :)

[tarrow]

no I think you might actually be right and I am even more confused. There is also this

ui/vue.config.js

Line 6 in d3c3e8a

target: process.env.VUE_APP_API_URL,

which is a server side proxy :/