如何从本地 html 文件获取服务器内容？

Question

具体来说，我想从本地 HTML/JS 文件访问维基百科。通过 jQuery 请求文件时：


$.getJSON('http://www.wikipedia.org', function(data){
    alert(data);
});

我明白了 Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at wikipedia.org 有什么方法可以解决 CORS ?

Answer 1

当然可以。 https://allorigins.win/ 我已经多次使用此解决方法

它的工作方式是通过自己的API获取这些内容，免费使用，拉取data.contents.

可以参考他们的结果

使用原版 javascript/fetch 语句

fetch(`https://api.allorigins.win/get?url=${encodeURIComponent('https://wikipedia.org')}`)
                .then(response => {
                  if (response.ok) return response.json()
                  throw new Error('Network response was not ok.')
                })
                .then(data => console.log(data.contents));

使用 jQuery.getJSON

$.getJSON('https://api.allorigins.win/get?url=' + encodeURIComponent('https://wikipedia.org'), function (data) {
                  alert(data.contents);
              });

如何从本地 html 文件获取服务器内容？

How to get server content from local html file?

html

javascript

local

cors

server