在html页面中嵌入日志文件[重复]答案

【问题标题】：Embeding log file in a html page [duplicate]在html页面中嵌入日志文件[重复]
【发布时间】：2019-07-02 08:51:00
【问题描述】：

我正在尝试将日志文件嵌入到 jsp 页面中，因为我已经尝试过，但在这两种情况下它都没有嵌入。当我在 SO 中搜索时，我发现了一个使用 jquery 的链接。但它也不起作用，它在控制台上显示以下消息：跨源请求仅支持协议方案：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>

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

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

UR url 是错误的，您提供的 url 指的是您的本地硬盘驱动器。没有，你必须把你的日志文件放到服务器的公共文件夹中，然后从服务器请求该文件，然后只有你才能从文件中获取数据。

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

<script>
$(document).ready(function() {
    $.ajax({
        async:false,
        url: 'http://your-domain.com/cmesLoading/spring_app_log_file.log',
        dataType: 'text',
        success: function(data) 
        {
        $('#myLogFile').append(data);
            }
        });
});

</script>

【讨论】：

【解决方案2】：

此代码将在您的服务器上运行，因为浏览器上的 CORS 不允许加载本地文件。如果您有一个 Web 服务器（Apache、Nginx、IIS 等），您可以使用相对或 http(s) 方案 URL 在服务器上对其进行测试，然后查看它是否正常工作。

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

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

部分摘录：

对于谷歌浏览器运行：

Chrome.exe --disable-web-security

对于 about:config 中的 Firefox 禁用（可能是旧版本）：

security.fileuri.strict_origin_policy

等等

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

【讨论】：