Fail to load api page after `azd up` for `todo-nodejs-mongo-aks`

[Menghua1]

Describe the issue:
After running azd up, click the api link in the log, the page fails to load, and the page is as follows:

Repro Steps:

1. Run azd init -t todo-nodejs-mongo-aks -b staging.
2. Run azd auth login.
3. Run azd up.
4. Click the api link in the log.

Environment:

• Template: todo-nodejs-mongo-aks.
• Branch: staging
• OS: Windows.
• Azd version: azd version 1.10.3-pr.4243081 (commit 2c05c15) and azd version 1.11.0-beta.1-daily.4244391 (commit 8fc9d80).

Expected behavior:
The api page can be loaded successfully.

@jongio for notification.

[vhvb1989]

This is most likely a regression in the template's infrastructure. @wbreza could you take a look?

[wbreza]

@Menghua1 - are you deploying this to a Microsoft tenant subscription? If so you won't be able to connect to this outside of internal network and requires connecting via a secure DevBox or similar.

[Menghua1]

@wbreza Yes, but the front-end page can be loaded normally. According to the investigation, the Request URLs of the requests swagger-ui.css, swagger-ui-init.js, swagger-ui-bundle.js, swagger-ui-standalone-preset.js seem to be incorrect. They should be the API link plus a suffix, not the front-end link. The response of these requests seems to be the files of the front-end page, which is also wrong.

• Web page:
  

• Api page:
  
  

[Menghua1]

@rajeshkamal5050 In the latest round of azd manual testing, this issue still exists.

• Template: todo-nodejs-mongo-aks.
• Branch: staging.
• OS: DevContainer.
• Azd version: azd version 1.11.0-beta.1-daily.4247716 (commit f4695c4).

[Menghua1]

@rajeshkamal5050 In the latest round of azd manual testing, this issue still exists.

• Template: todo-nodejs-mongo-aks.
• Branch: staging.
• OS: DevContainer.
• Cloud: AzureCloud, AzureChinaCloud.
• Azd version: azd version 1.12.0-beta.1-daily.4359062 (commit 6cd82ae).

[Menghua1]

@rajeshkamal5050 In the latest round of azd manual testing, this issue still exists.

• Template: todo-nodejs-mongo-aks.
• Branch: staging.
• OS: DevContainer.
• Cloud: AzureCloud, AzureChinaCloud.
• Azd version: azd version 1.12.0-beta.1-daily.4442669 (commit 9b60cbc).

[NanaXiong00]

@vhvb1989 and @wbreza, The current issue includes two problems:

1. API Service Exposure Path Issue: The application's API service is mapped to "/api", but the API page request path not include "/api", causing the API page to load as blank.

   • Expected API Request URL: http://20.161.208.156/api/swagger-ui-init.js
   • Actual API Request URL: http://20.161.208.156/swagger-ui-init.js
     The error is as follows：
     

2. Swagger Request URL Issue: The Swagger-generated API request URLs are missing the "/api" prefix, preventing requests from correctly matching the backend service, which leads to API call failures.

   • Expected Swagger Request URL: http://20.161.208.156/api/lists?top=20&skip=0
   • Actual Swagger Request URL: http://20.161.208.156/lists?top=20&skip=0
     The error is as follows：
     

We will fix it using the following approach. If you think this approach is OK, we will prepare a PR for it.

• Modify the path in the Kubernetes Ingress configuration in azure.yaml to "api/".
  

• Add the "/api" prefix to the paths of each operation in openapi.yaml.
  

CC: @rajeshkamal5050

[vhvb1989]

Looks like a good fix to me @NanaXiong00 . I would just wait for @wbreza confirmation. I am not 100% sure if after setting the ingress to api/ you would still need to update all paths with /api/ or if that would ended up duplicating api/api/ in the calls

[Menghua1]

@rajeshkamal5050 In the latest round of azd manual testing, this issue still exists.

• Template: todo-nodejs-mongo-aks.
• Branch: staging.
• OS: DevContainer.
• Cloud: AzureCloud, AzureChinaCloud.
• Azd version: azd version 1.12.0-beta.1-daily.4489231 (commit a6eb179).

[Menghua1]

@rajeshkamal5050 In the latest round of azd manual testing, this issue still exists.

• Template: todo-nodejs-mongo-aks.
• Branch: staging.
• OS: DevContainer.
• Azd version: azd version 1.14.0-beta.1-daily.4694364 (commit 0340065).

[Menghua1]

@rajeshkamal5050 In the latest round of azd manual testing, this issue still exists.

• Template: todo-nodejs-mongo-aks.
• Branch: staging.
• OS: Codespaces.
• Azd version: azd version 1.16.1-daily.4919861 (commit f2582c2).