Angular.js loading scripts

Question

I have an app using the MEAN stack. When a user goes to the URL:

http://localhost:3000/edit/0

Where 0 is a record id. This seems like it would work correctly, but my scripts are not loaded in my edit.js file:

<!doctype html>
<html>
<head>
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css"></script>
    <link rel="stylesheet" type="text/css" href="/css/style.css">

    <script src="bower_components/jquery/jquery.min.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="bower_components/ng-file-upload/angular-file-upload-shim.min.js"></script>

The errors are like the following for every script and css file:

GET http://localhost:5000/edit/bower_components/jquery/jquery.min.js 404 (Not Found)

So it's pretty clear they are looking for scripts in an edit directory rather than my root. How can I get around this? I need to pass in the id in the params since it is a GET.

Yules · Accepted Answer · 2014-06-29 05:59:44Z

2

Unless you specify a "base" tag in your HTML HEAD section or add '/' to tell the browser to user your domain + absolute path, Your browser adds the relative path to your URL to load a file. So either add '/' before that paths, or '../', or a base tag. good luck

answered Jun 29, 2014 at 5:59

Yules

362 bronze badges

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

Comments

thebiglebowski11 · Accepted Answer · 2014-06-29 04:05:49Z

0

wow... i just need to add ../ before each path

answered Jun 29, 2014 at 4:05

thebiglebowski11

1,45110 gold badges41 silver badges76 bronze badges

Collectives™ on Stack Overflow

Angular.js loading scripts

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related