Using Sage theme and Valet, confused

Hi all,

I am new to Sage and have a question.
I am using a custom font and when using yarn start it shows up just fine on localhost:3000

But when I go to my link that I made with Valet: http://domain.test it wont load and I get these ‘Access-Control-Allow-Origin’ errors in the console.

Will this be a problem later on when I push the project to staging and live?

Here is what my config.json file looks like:
{
“entry”: {
“main”: [
“./scripts/main.js”,
“./styles/main.scss”
],
“customizer”: [
“./scripts/customizer.js”
]
},
“publicPath”: “/app/themes/domain”,
“devUrl”: “http://domain.test”,
“proxyUrl”: “http://localhost:3000”,
“cacheBusting”: “[name]_[hash:8]”,
“watch”: [
“app//*.php",
"config/
/.php",
"resources/views/**/
.php”
]
}

Would love for some to clear this up for me :smiley:

What have you tried so far to solve the problem? I’d recommend searching these forums for those terms, I think several people have had similar issues: https://discourse.roots.io/search?q=Access-Control-Allow-Origin

I have looked at most threads about similar problems but I am just kind of confused and wondering how this will work when I push the project to a live server?
I am still pretty new to all this and not entirely sure what goes on behind the scenes in a Sage theme so I figured Id ask and hope someone knows a little more about this particular issue.

I’m still new to all this as well, so take this with a pinch of salt. If your font is working fine after running yarn start but not when you visit domain.test, have you run yarn && yarn build to build the font assets?

Also, did you see this post and the reply?

This topic was automatically closed after 42 days. New replies are no longer allowed.