如何在Mojolicious Perl中正确加载Javascript文件？

2023-01-31 12:19:44

我正在尝试加载JavaScript文件以使用Vis.JS在浏览器中呈现图形.但这在加载文件时抛出错误.

重要的是要强调我的项目文件夹中有必要的js文件.

use Mojolicious::Lite;

get '/' => 'index';

app->start;
__DATA__

@@ index.html.ep
<!DOCTYPE html>
<html>
  <head>
    <title>Echo</title>
    %= javascript 'vis.js'
    %= javascript 'jsgraphs.js'
    %= stylesheet 'vis.css'
  </head>
  <body>
    <h2>Weighted DiGraph</h2>
    <div id="graph"></div>
    %= javascript 'index.js'
</body>
</html>

即使其MIME类型(“ text / html”)不是有效的JavaScript MIME类型,也已加载了来自“ http://127.0.0.1:8080/vis.js”的脚本.

源“ http://127.0.0.1:8080/vis.js”的加载失败.
即使其MIME类型(“ text / html”)不是有效的JavaScript MIME类型,也已加载了来自“ http://127.0.0.1:8080/jsgraphs.js”的脚本.

源“ http://127.0.0.1:8080/jsgraphs.js”的加载失败.

即使其MIME类型(“ text / html”)不是有效的JavaScript MIME类型,也已加载了来自“ http://127.0.0.1:8080/index.js”的脚本

源“ http://127.0.0.1:8080/index.js”的加载失败.

解决方法:

Javascript文件必须位于公用文件夹中,以便浏览器可以查看. (对于CSS或浏览器应直接获取的任何内容都相同)

Mojolicious可能正在发送错误404网页,这可能是原因,因为MIME是text / html.

码农公寓

相关文章