Загрузка локального файла в браузере css или js

Это может быть основной проблемой, но кое-как не работает для меня.

Вот мой HTML:

<!doctype html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <base href="/">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">

    <link rel="stylesheet" href="app/app.css"/>
  </head>
  <body ng-app="App">
    <div> Hi There</div>

    <script src="app/vendor.js"></script>
    <script src="app/app.js"></script>
</body>
</html>

Этот файл находится по адресу: file:///Users/kiran/Documents/app/dist/public/index.htmlСсылочные файлы расположены по адресу:

app.css: file:///Users/kiran/Documents/app/dist/public/app/app.css
vendor.js: file:///Users/kiran/Documents/app/dist/public/app/vendor.js
app.js: file:///Users/kiran/Documents/app/dist/public/app/app.js

Однако, когда я пытался открыть файл, используя browser->open, он говорит, что не может загрузить файлы с ошибкой:

Failed to load resource: net::ERR_FILE_NOT_FOUND file:///app/app.css
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///app/vendor.js
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///app/app.js

Поведение такое же в Firefox, хотя сообщение об ошибке отличается. Что я должен сделать, чтобы это работало? Ценю помощь.

Примечание: он отлично работает, когда я запускаю веб-сервер, но мне нужно, чтобы это работало с локальными ссылками, а также с веб-сервером.

Источник

2 ответа

Решение

Это происходит потому, что у вас есть <base> тег.

The base URL to be used throughout the document for relative URL addresses.

Поскольку базовый URL href равен '/', он всегда начинается с корня. Таким образом, на локальном компьютере он не находит никаких файлов css/js, так как он проверяет файлы из root, т.е. C/D/E drive, И это прекрасно работает для веб-сервера, так как корнем будет ваша общая папка.

Избавляться от base тег.

Источник

Удалить

<base href="/">

редактировать ссылки с префиксом./

SRC ="./ приложение /vendor.js"

Источник
Другие вопросы по тегам