Cors ошибка при загрузке локальных файлов CSS и JS - PullRequest
Новая
       20

Cors ошибка при загрузке локальных файлов CSS и JS

0 голосов
/ 30 ноября 2018

При использовании сценариев и тегов ссылок для загрузки в файлы js / css (из проекта vue) браузер отказывается загружать их. Это ошибки: 

Access to script at 'http://www.example.com/js/app.7f934f5b.js' from origin 'http://example.com' has been blocked by CORS policy: 
No 'Access-Control-Allow-Origin' header is present on the requested resource.

Эта ошибка возникает в обоих случаях.последняя версия Safari для iOS и macOS, а также последняя версия Chrome для разработчиков.

Поскольку теги генерируются yarn build, который использует vue cli для создания рабочей версии, я не могу контролировать, кактеги сгенерированы.

Ниже приведен файл index.html с метатегом content-security-policy. 

<!DOCTYPE html>
<html lang="en">
<head>
    <base href="<%= BASE_URL %>">
    <meta http-equiv="Content-Security-Policy" content="default-src self; script-src self 'unsafe-inline' 'unsafe-eval' http: https:; style-src self 'unsafe-inline' http: https:; img-src self data: http: https:; font-src self http: https:; connect-src http: https: ws:">
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
    <link rel="icon" href="<%= BASE_URL %>favicon.ico"/>
    <link href="fontawesome/css/all.css" rel="stylesheet"/>
    <title>Application title</title>
</head>
<body>
<noscript>
    <strong>
        We're sorry but Vue.js doesn't work properly without JavaScript enabled.
        Please enable it to continue.
    </strong>
</noscript>
<div id="app">
</div>
</body>
</html>

Если у кого-то есть предложения по решению этой проблемы, сообщитея знаю!

1 Ответ

0 голосов
/ 30 ноября 2018

www.example.com и example.com имеют не одно и то же происхождение .

Чтобы избежать этой проблемы, выберите один из них как канонический и перенаправьте на него все остальные запросы.

...