"No 'Access-Control-Allow-Origin' is present on the requested resource" error for css file

Question

I created an sdk. When the css file is to be loaded, it gives this error.

The css file includes a .woff2 url for the font.

Even after removing that part of the code, the error persists.

I don't know how to handle this. Please help.

score 0 · Answer 1 · answered Mar 07 '18 at 12:17

0

This is a .htaccess header. Red more here.

You have to remove this header in order to access this file.

Or set it to:

Access-Control-Allow-Origin: *

answered Mar 07 '18 at 12:17

Noel Schenk

Where shall I add the header? – Winter Mar 07 '18 at 12:26
inside the .htacces ` Header set Access-Control-Allow-Origin "*" ` – Noel Schenk Mar 07 '18 at 12:44
Hi @Winter if this or any answer has solved your question please consider [accepting it](https://meta.stackexchange.com/q/5234/179419) by clicking the check-mark. This indicates to the wider community that you've found a solution and gives some reputation to both the answerer and yourself. There is no obligation to do this. – Noel Schenk Mar 07 '18 at 16:48
Should I create an .htaccess file and add the header setting in that? – Winter Mar 07 '18 at 18:25
@Winter if you use apache as your webserver just add it inside the root httpdocs folder. – Noel Schenk Mar 08 '18 at 07:45
But I'm not using apache. I'm using nginx server. – Winter Mar 08 '18 at 11:10
Added the header to nginx settings. It's working. Thanks. – Winter Mar 08 '18 at 11:14

score 0 · Accepted Answer · answered Jun 25 '18 at 12:32

0

Adding:

add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';

in the nginx config file in the respective location block solved the problem.

answered Jun 25 '18 at 12:32

Winter

2 Answers2