I want to use external web APIs with reference limitations from the development environment.

Assume the web service in the development environment is running on docker

In /etc/hosts

127.0.0.1 test.local

Write
on chrome. http://test.local:3000
DNS error occurs even if I try to insert it into the display.

Trend Micro Web Security as a Service
DNS Error
503 Service Not Available

Event Details:
test.local server name resolution failed

http://localhost:3000
Then the web app page running on docker will be displayed

Can't /etc/hosts settings be involved in DNS name resolution on the browser?

Is there any way to use web APIs with referrals restrictions in a development environment?

The operating system is MacOS

Note:

When I saw the error, I noticed that there was a security proxy in it.
Is this the problem?
Even so, I think that resolution of etc/hosts takes precedence over proxy settings.

Try disconnecting wifi and accessing the browser
I could still access it with localhost, but
Test.local results in connection error

You are not connected to the Internet
Please try the following:

Check Network Cables, Modems, and Routers
Reconnect to Wi-Fi
ERR_INTERNET_DISCONNECTED