Angular: Relative js/css path

Question

I'm new in angular, bower, grunt, etc stuff so I completely stuck with current issue. My project is built based on angular. In my index.html path to js/css like this

<script src="/scripts/shared/flow-item.js"></script>

after compiling with grunt path to js/css in index.html

<script src="scripts/app.da1aee60.js">

so that if i deploy project in ROOT on tomcat everything works perfect but if i deploy it in some folder like MyProject/ and call index.html we see application still looks for scripts by path http://localhost:8080/scripts/app.da1aee60.js instead http://localhost:8080/MyProject/scripts/app.da1aee60.js Is it possible in some say project look for script in proper path?

Use a yeoman generator like this: github.com/Swiip/generator-gulp-angular — Mahmoud
– Mahmoud, Commented Feb 22, 2016 at 9:06

karaxuna · Accepted Answer · 2016-02-22 09:06:04Z

0

You can set base path in html (inside head tag):

<base href="/scripts/MyProject/" />

answered Feb 22, 2016 at 9:06

karaxuna

26.9k13 gold badges86 silver badges120 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Andriy Andrunevchyn Over a year ago

no, the idea path to script should be localhost:8080/MyProject/scripts if I deploy project in folder MyProject and changing href to MyProject/script doesnt work if you use node to test project or if you deploy it on ROOT. I think I should add deploy folder dynamically in some way

Collectives™ on Stack Overflow

Angular: Relative js/css path

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related