相关疑难解决方法(0)

从本地文件夹导入 type=module 的脚本会导致 CORS 问题

我有一个调用 javascript 文件的小 html 文件,但是当我尝试在浏览器中访问它时,出现以下错误:

从源“null”访问“file:///C:/Users/jekob/Desktop/battleship/index.js”处的脚本已被 CORS 策略阻止:跨源请求仅支持协议方案:http、data 、 chrome 扩展、edge、https、chrome 不受信任。

我在 google 上搜索了几个小时,发现我可以通过服务器(如 node.js)托管我的应用程序,然后允许 CORS。但是我不需要任何服务器。我只想要一个简单的 html 和 js 文件。

索引.html:

<!DOCTYPE html>
<html>
<head>
    <title>battle-ship</title>
    <link rel="stylesheet" type="text/css" href="index.css">
    
</head>
<body>
<div id="board"></div>
<script type="module"  src="index.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

索引.js:

import {board} from './board_0.1.js';

console.log(board);
Run Code Online (Sandbox Code Playgroud)

板.js:

class cell{
    constructor(){
        this.locationByLetter = null;
        this.locationByNumb = [];
        this.occupied = false;
        this.clicked = false;
    }
}

class shipDitel{
    constructor(name,size){
        this.name = name;
        this.size = size;
        this.location =[];
    }
}

export const board …
Run Code Online (Sandbox Code Playgroud)

html javascript cors es6-modules

13
推荐指数
1
解决办法
1万
查看次数

标签 统计

cors ×1

es6-modules ×1

html ×1

javascript ×1