Menu
Using the Angular template built into VS 2017. I have an image in the assets/image folder, so ClientApp > src > assets > images.
I reference the image in my component like:
<img src="../../../assets/images/Logo.png" /> When deployed local, it works but after deploying to IIS it results in 404 error.
On the server, the app is deployed to a subfolder: inetsrv8/internal/MyApp
I have to change the BASE HREF before deploying to get the app to work, so I'm thinking a fix would be to build custom paths for the images along the lines of BaseHref + './pathToImage'. The problem is I can't figure out how to grab the BASE Href to put it in a variable.
Is there a better way? A proper way? If not, how would I get the base href?
732
The <base href="/"> tells the Angular router what is the static part of the URL. The router then only modifies the remaining part of the URL. Now that we've set the our base href tag, we can then move on to defining some routes without your route module file or your app.
APP_BASE_HREFlinkA predefined DI token for the base href to be used with the PathLocationStrategy . The base href is the URL prefix that should be preserved when generating and recognizing URLs.
--deploy-url A second parameter that is important is '--deploy-url'. This parameter will update the generated url's for our assets(scripts, css) inside the index. html. To make your assets available at /angularapp/, the deploy url should be set to /angularapp/.
Try this.
<img src="./assets/images/Logo.png" />
Actually it depends on build structure. Best way is to check angular-cli configuration. Otherwise ng built and check where is your assert files.
50
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
