javascript - 在 html 页面中嵌入日志文件

Question

这个问题已经有答案了:

Getting local html inside another local html with JavaScript (3 个回答)

Jquery load() only working in firefox? (2 个回答)

How to print all the txt files inside a folder using java script (2 个回答)

Read local XML with JS (5 个回答)

已关闭 4 年前。

我正在尝试将日志文件嵌入到jsp页面中，因为我已经尝试过了，但在这两种情况下都没有嵌入。当我在 SO 中搜索时，我发现了一个使用 jquery 的链接。但它也不起作用，它在控制台上显示以下消息: 仅协议(protocol)方案支持跨源请求:http、data、chrome、chrome-extension、https。以下是我的代码:

<div id="myLogFile">
</div>

<script>
$(document).ready(function() {
    $.ajax({
        async:false,
        url: 'C:\Users\Documents\cmesLoading\spring_app_log_file.log',
        dataType: 'text',
        success: function(data) 
        {
        $('#myLogFile').append(data);
            }
        });
});

</script>

有人可以帮我解决这个问题吗？

Answer 1

此代码将在您的服务器上运行，因为浏览器上的 CORS 不允许加载本地文件。如果您有 Web 服务器(Apache、Nginx、IIS 等)，您可以使用相对或 http(s) 方案 URL 在服务器上测试它，并查看它的工作情况。

还有一个网站展示了如何在某些浏览器上绕过它:

https://www.thepolyglotdeveloper.com/2014/08/bypass-cors-errors-testing-apis-locally/

部分摘录:

对于 Google Chrome 运行:

Chrome.exe --disable-web-security

对于 Firefox，请在 about:config 中禁用(可能适用于旧版本):

security.fileuri.strict_origin_policy

等等

关键字:“在本地文件上启用 cors”