访问资源中的scala.js输出

编程问答 2022-06-09

问题描述

我正在尝试使用scala.js，scalatags，akka-http和mill作为构建工具来构建应用程序服务器。一切顺利，直到浏览器尝试使用生成的scala.js代码查找脚本。这是成功构建并引用已编译的scala.js代码的scalatags代码（HiPage.js-在工厂中作为ScalaJSModule构建）。运行它时，下面的println将打印出： 文件：/Users/nnovod/projects/lims/Lims/resources/HiPage.js 这确实是我放置了scala.js的javascript输出的地方

object HiPage {
  val boot =
    "Hi().main(document.getElementById('contents'))"
  println(getClass.getResource("/HiPage.js").toString) 
  val skeleton =
    html(
      head(
        script(`type`:="text/javascript",src:="/HiPage.js"),link(
          rel:="stylesheet",href:="https://cdnjs.cloudflare.com/ajax/libs/pure/0.5.0/pure-min.css"
        )
      ),body(
        onload:=boot,div(id:="contents")
      )
    )
}

这最终会显示在浏览器中，如下所示：

<html>
<head>
    <script type="text/javascript" src="/HiPage.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pure/0.5.0/pure-min.css"/>
</head>
<body onload="Hi().main(document.getElementById('contents'))">
    <div id="contents"></div>
</body>
</html>

这是我的akka​​-http路线... 

    val route =
      path("hello") {
        get {
          complete(
            httpentity(
              ContentTypes.`text/html(UTF-8)`,HiPage.skeleton.render
            )
          )
        }
      }

浏览器永远找不到HiPage.js（“无法加载资源：服务器响应状态为404（未找到）”）。 HiPage.js在顶级资源目录中，并且可以通过代码中的println（getClass.getResource（“ / HiPage.js”）。toString）找到。当浏览器从服务器请求它时，我该怎么做才能使其显示？

解决方法

不确定这是否是最好的方法，但是我终于能够解决问题，方法是将脚本中的所有src引用都以/ resource开头，然后编辑akka-http路由以包括以下内容：

        pathPrefix("resource") {
          extractUnmatchedPath { unmatched =>
            val resource = unmatched.toString()
            if (!resource.startsWith("/"))
              reject()
            else
              getFromResource(resource.substring(1))
          }
        }
akka-httpjavascriptmillscalascalascala.js