解决跨原因资源共享(CORS)问题

跟随

如果您的远程模板托管资产,但您没有启用CORS,您可能会找到您的工作板,人才展示,或Haleymail着陆页的CORS错误。

CORS代表跨起源资源共享。通过启用CORS,可以在多个域中共享资产。

如果您的工作委员会,人才展示或HaleyMail着陆页面正在展示问题,特别是出现为正方形的图标或根本没有,可能是一个CORS问题。

诊断:

  1. 在Chrome中打开工作委员会。
  2. 打开开发人员工具(查看> Developer > Developer Tools).
  3. 单击“控制台”选项卡。
  4. 您将看到类似于此图片的错误(或错误):

萤火虫,错误消息看起来类似于:

解决:

  1. 访问你的 .htaccess. 文件。这是一个隐藏文件,它位于站点的根文件夹中。
  2. 访问控制 - 允许 - 源“*” 在字体文件上。这是通过将以下代码添加到底部来完成的 .htaccess. file:
<FilesMatch "\.(ttf|ttc|otf|eot|woff|font.css|css)$"> 
	<IfModule mod_headers.c> 
Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>

此代码指出,如果文件与其中一个扩展文件匹配,则启用跨源资源共享。这将允许作业板从子域访问字体文件。

将此代码段下载为.txt文件。

确认:

添加代码后,请使用Developer Tools检查状态:

  1. 在Chrome中打开远程模板。
  2. 打开开发人员工具(查看> Developer > Developer Tools).
  3. 单击“网络”选项卡。
  4. 重新加载页面。
  5. 单击“字体”以通过字体过滤资产。
  6. 选择字体并选中“标题”选项卡。应该存在以下内容:

如果标题缺少“访问控制 - 允许原点:*”,则未启用CORS,无法共享资源。

需要额外的帮助?

如果在任何时候你认为你需要一些帮助,你可以 搜索我们的知识库 by keyword or 浏览所有文章。或者只是继续,然后点击“提交票证”按钮 http://helpme.chumuyuan.com or email us at support@haleymarketing.com.  - 我们在这里提供帮助!

 

 

 

Have more questions? 提交申请

注释