JavaScript导入/导出已被CORS阻止，如何遵守CORS？

问题描述 投票：-2回答：1

我正在尝试学习导入/导出在纯JavaScript中的工作方式（没有插件，库，等等）。

我做了一个最小的测试代码，它可以在Microsoft Edge Web浏览器中工作，但是当我在Firefox（＆Chrome）中尝试时，我被CORS（跨源资源共享）所阻止，而且我不知道该如何做符合CORS的代码，我一直在阅读有关CORS的信息，但我不理解。

我该如何运作？

感谢您的帮助。

代码示例：

我有这个最小测试代码：Here

（这些说明看起来比实际要复杂得多）

  1. 下载.zip文件。
  2. 打开包装。
  3. （检查代码以确认我没有尝试做有害的事情）
  4. 最好使用Firefox（或任何网络浏览器）打开HTML文件。
  5. 按F12打开检查器。
  6. （（如果需要）转到控制台的检查器选项卡以查看消息。

按照下面的要求，这是我正在使用的代码和结构。

文件结构：

\---ModuleTest
    +---html
    |       test.html
    |
    \---js
            export.js
            import.js

代码：

test.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1" />
        <title>ModuleTest</title>
        <link id="programStyle" rel="stylesheet" href="../css/test.css" type="text/css" />
    </head>

    <body>
        <script src="../js/import.js" type="module"></script>
    </body>
</html>

export.js

export function testing() {
    console.log("If you can see this, it works!")
}

import.js

import { testing } from "./export.js";

testing();
javascript html cors
1个回答
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.