Javascript 用JSON文件数据填充select下拉列表

我有自己创建的

JSON

文件，想用这个数据填充

select>option

。但是我正在阻止跨源请求：同一源策略不允许读取远程资源file:///C:/.../policy_app_policytype.json. （原因：CORS请求不是http）。如何修复它？这是我的密码：

index.html

：

<div id="insurance-type">
  <select name="insurance-type-select" id="insurance-type-select">
    <option></option>
  </select>
</div>

json

：

[
    {
        "description": "Avtonəqliyyat vasitəsi sahiblərinin mülki məsuliyyətinin icbari sığortası şəhadətnaməsi",
        "display_name": "AVSMMİS",
        "id": 1,
        "insurance_type": 1,
        "is_other": 0,
        "policy_type_id": 1,
        "prefix": null,
        "reasons_id": null,
        "status": null,
        "temp_prefix": null
    },
    {
        "description": "Daşınmaz əmlakın icbari sığortası şəhadətnaməsi",
        "display_name": "DƏİS",
        "id": 2,
        "insurance_type": 1,
        "is_other": 0,
        "policy_type_id": 2,
        "prefix": null,
        "reasons_id": null,
        "status": null,
        "temp_prefix": null
    }
]

---

CORS请求只能使用HTTPS URL方案，但请求指定的URL是另一种类型。如果URL使用

文件：//

URL指定本地文件，则通常会发生这种情况

要解决此问题，只需确保在发出涉及COR的请求时使用HTTPS URL，例如XMLHttpRequest、获取API、Web字体（@font-face）、WebGL纹理和XSL样式表

但如果您确实想读取本地文件，请使用以下策略：

[
    {
        "description": "Avtonəqliyyat vasitəsi sahiblərinin mülki məsuliyyətinin icbari sığortası şəhadətnaməsi",
        "display_name": "AVSMMİS",
        "id": 1,
        "insurance_type": 1,
        "is_other": 0,
        "policy_type_id": 1,
        "prefix": null,
        "reasons_id": null,
        "status": null,
        "temp_prefix": null
    },
    {
        "description": "Daşınmaz əmlakın icbari sığortası şəhadətnaməsi",
        "display_name": "DƏİS",
        "id": 2,
        "insurance_type": 1,
        "is_other": 0,
        "policy_type_id": 2,
        "prefix": null,
        "reasons_id": null,
        "status": null,
        "temp_prefix": null
    }
]