如何在 Mojolicious perl 中正确加载 Javascript 文件？答案

【问题标题】：How to properly load Javascript files in Mojolicious perl?如何在 Mojolicious perl 中正确加载 Javascript 文件？
【发布时间】：2019-05-21 04:23:59
【问题描述】：

我正在尝试加载 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>

“http://127.0.0.1:8080/vis.js”中的脚本已加载，即使其 MIME 类型（“text/html”）不是有效的 JavaScript MIME 类型。

来源为“http://127.0.0.1:8080/vis.js”的加载失败。来自“http://127.0.0.1:8080/jsgraphs.js”的脚本已加载，即使其 MIME 类型（“text/html”）不是有效的 JavaScript MIME 类型。

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

“http://127.0.0.1:8080/index.js”中的脚本已加载，即使其 MIME 类型（“text/html”）不是有效的 JavaScript MIME 类型

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

【问题讨论】：

您能否向我们展示您将浏览器指向127.0.0.1:8080/index.js 时看到的内容？

标签： javascript perl mojolicious

【解决方案1】：

Javascript 文件必须位于公共文件夹中才能被浏览器看到。（对于 css 或浏览器应直接获取的任何内容也是如此）

可能 mojolicious 正在发送错误 404 网页，这可能是原因，因为 MIME 是 text/html。

【讨论】：

各种方法都试过了，肯定是我做错了什么，我能做的就是把https地址放上去看看是否有效。