How to access the files from the sub folders in index.html?

[addy1997]

Hi there,

This is the folder structure of my azure signalR web application built locally in VScode.

I want to access the T12.URDF and box.js files in my index.html. I tried referencing these files in the .csproj of the project so that I can copy them in the output directory when the function is deployed.

<ItemGroup>
    <Content Update="content/components/box.js" CopyToOutputDirectory="PreserveNewest" />
    <Content Update="content/components/control-axes.js" CopyToOutputDirectory="PreserveNewest" />
    <Content Update="content/components/grab-the-cube.js" CopyToOutputDirectory="PreserveNewest" />
    <Content Update="content/components/load-links-and-axes.js" CopyToOutputDirectory="PreserveNewest" />
    <Content Update="content/components/mesh-shadows.js" CopyToOutputDirectory="PreserveNewest" />
    <Content Update="content/assets/T12/urdf/T12_flipped.URDF" CopyToOutputDirectory="PreserveNewest" />
    <Content Update="content/assets/T12/urdf/T12_wrong_axes.orig.URDF" CopyToOutputDirectory="PreserveNewest" />
    <Content Update="content/assets/T12/urdf/T12.URDF" CopyToOutputDirectory="PreserveNewest" />
 </ItemGroup>

The function deploys successfully but when I run the index.html page, I get this error

What do I do to fix this?