No Access-Control-Allow-Origin

Question

我做了一个项目 图片 css js 的引用不受限制. 但是字体是安装的font-awe, 最后打包到线上环境, 说字体存在跨域问题.

听说, 只需要在神马头部加一行神马代码?不明白...

大神们,有懂的吗?

还有,网站里面的链接都用fillder代理了, 代理算是跨域吗?

Access to Font at 'http://s.happymmall.com/mmall-fe/dist/resourse/fontawesome-webfont.woff2' from origin 'http://happymmall.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://happymmall.com' is therefore not allowed access.

Answer 1

看这里看这里 前端跨域大全 ，里面有讲到为什么字体文件会报跨域

Answer 2

我最近也碰到这种情况，我用npm装了cors，然后在node.js里引用一下就好app.use(cors())

Answer 3

服务器用的是什么语言？在部署http://s.happymmall.com/mmall...的服务器上，response加一个header：res.header('Access-Control-Allow-Origin', '*');。你的proxy明显不是reverse proxy，从域名”http://happymmall.com“请求”http://s.happymmall.com/mmall...“是跨域了，浏览器因为安全问题，不允许跨域，除非服务器返回Access-Control-Allow-Origin header。也可以在服务器端的web server(比如nginx)配置反向代理，客户端请求http://happymmall.com/mmall-f...，代理配置为http://s.happymmall.com/mmall...

Answer 4

可以在数据前面加callback，试试吧

Answer 5

你的fontawesome难道不是跟你的前端工程放在一起打包的么？字体在http://s.happymmall.com/下，而你的工程却在http://happymmall.com下，挺奇怪的。讲道理，同一个工程的话，应该不会出现这种情况的。

你说了图片 css js 的引用不受限制，那是否可以试试把字体放在css或js的同一级目录里，看看是否是因为路径的不同，而导致的引用问题。

Answer 6

这里有详细的解答：
https://www.ruoguschool.com/a...