javascript - Google 翻译的 XMLHttpRequest 错误(无 'Access-Control-Allow-Origin' header )

Question

我在尝试访问使用 Google 翻译的页面时遇到此错误:

XMLHttpRequest cannot load http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

我已阅读 multiple posts关于 SO 上的这个问题，但我还没有找到一种方法让它与我们初始化 Google 翻译小工具的方式一起工作。

提出的解决方案包括将dataType设置为jsonp，并在header中添加Access-Control-Allow-Origin: * XMLHttpRequest。但是，我没有像其他帖子中那样进行 AJAX 调用，只是使用 Google 提供的脚本初始化 Google Translate 元素:

<script type="text/javascript">
          function googleTranslateElementInit() {
                new google.translate.TranslateElement({pageLanguage: 'en',
                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
                    includedLanguages: 'fr,en'
                }, 'hiddenGoogleTranslate');
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

如何定义 dataType 或使用此初始化脚本向 header 添加内容？我是 Javascript 的新手，所以一定有我遗漏的东西。

谢谢!

Answer 1

或者，您可以在您的服务器上使用 curl 或 file_get_content() (webproxy) 来获取翻译后的文本。然后您可以使用ajax 访问该url。如果您想将“访问控制允许来源” header 定义为*，您可以在您的服务器上进行(而不是来自js)。您的网址可以跨域访问。