My staging/production environment unfortunately uses Apache, which you suggested earlier is not really a good idea.. I really like Trellis however, so I would really like to use it despite that.
Right now I’m building headless website (React on front-end, WP powered by Trellis on back-end). I need to inline SVG uploaded to WP’s backend to my front-end. Http call results to this error: No 'Access-Control-Allow-Origin' header is present on the requested resource.
React front-end requesting SVG from the Trellis site (examplewp.test
) is on localhost:3000
domain.
I’ve tried to add those lines …
location ~* \.(eot|svg|ttf|woff|woff2|json)$ {
add_header 'Access-Control-Allow-Origin' "*";
add_header 'Vary' "Origin";
}
… to following locations:
<TRELLIS-FOLDER>/nginx-includes/all/cors.conf.j2
<TRELLIS-FOLDER>/nginx-includes/<NAME-OF-SITE>/cors.conf.j2
-
vagrant ssh
andsudo nano /etc/nginx/sites-enabled/<NAME-OF-SITE>.conf
Error I’ve posted about persists however.
Can you tell me what am I doing wrong? Thanks in advance!