不允许加载本地资源

Question

当我尝试将我的html页面链接到我的快递应用程序中的javascript文件时,我在开发人员工具中收到了上述错误.我在一个快速应用程序中运行它,在我的本地计算机上使用hbs渲染引擎.代码段看起来像这样

HTML

<script type="text/javascript" src="file:///public/javascripts/jquery/jquery-2.2.4.min.js"></script>
<script type="/javascript" src="file:///public/javascripts/receiver.js"></script>
<script type="text/javascript" src="file:///public\javascripts\jquery-2.2.4.min.map"></script>

这是app.js中设置视图引擎的部分

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'hbs');

当我检查开发人员工具时,我收到此控制台错误

不允许加载本地资源:file:///public/javascripts/jquery/jquery-2.2.4.js(index):1不允许加载本地资源:file:///public/javascripts/receiver.js( index):1不允许加载本地资源:file:///public/javascripts/jquery-2.2.4.min.map

为什么程序不能访问我的javascripts？

Answer 1

第一.

不要使用file://加载文件.只需输入相对路径即可.不要通过脚本标记加载javascript源地图.您可以在和javascript文件中添加此行: //# sourceMappingURL=/path/to/script.js.map

第二.

你在表达应用程序时有这么一小段代码:app.use(express.static('public'));.如果没有,请添加它.服务器知道公共路径.所以你不必写public/

如果这是你的结构:

• server.js
• 上市/
  • 的index.html
  • JavaScript的/
  • receiver.js
  • jQuery的/
    • jQuery的2.2.4.min.js

将此内容写入您的html或handlebars文件中.

<script type="text/javascript" src="javascripts/jquery/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="javascripts/receiver.js"></script>