【发布时间】：2021-09-20 21:32:42
【问题描述】：
在我开始构建的 Vue 应用程序中，它使用 CDN 中的 Vue，我无法通过控制台错误：
在以下位置访问脚本 'file:///C:/files/development/vue/reading_schedule/json/books.json' CORS 政策已阻止来自原点“null”：跨原点 请求仅支持协议方案：http、data、chrome、 chrome-extension, chrome-untrusted, https.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
<div id="app">
<div>{{ title }}</div>
</div>
<script type="module">
import * as books from './json/books.json';
new Vue ({
el: "#app",
data() {
return {
title: 'Reading Schedule'
}
},
created() {
document.title = this.title;
// console.log(books);
},
methods: {
}
});
</script>
</body>
</html>
到目前为止，我的 Vue 应用程序开发经验一直是在 Vue CLI 中创建应用程序并将 JSON 导入这些应用程序非常简单，并且没有 CORS 策略控制台错误。
是否有可能让上面的代码以某种方式工作？
【问题讨论】：