个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我有一个 html 页面如下
<!doctype html>
<html lang="en">
<head><meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Report</title>
<link rel="stylesheet" href="assets/app.css"/></head><body>
//Content//
<div id="report"></div><script src="assets/app.js"></script></body></html>
此 html 页面位于以下文件夹中，其结构如下
report
--assets
--app.js
--app.css
--myfile.html
现在我的应用程序正在尝试呈现此 html。下面位于routes.js，结构如下
app.use('/Users/report/assets', express.static('/Users/report/assets'));
app.get('/api/testresults/:id', (req, res) => {
const id = req.params.id;
res.sendFile('/Users/report/myfile.html');
});
我的应用程序结构如下
MyApp
app
—routes
—index.js
—routes.js
node_modules
package.json
server.js
我应该在这里添加什么。我不想更改 html，因为我相信一旦我使用express.static()，它应该能够找到文件我不断收到错误 app.js not found 404
注意:如果我将 html 的 href 更改为
/Users/report/assets/app.js
CSS 也一样，它可以工作，但我不想要这样。
最佳答案
如果您希望 assets/app.css 等资源独立于其来源页面的 URL，以便它们可以位于文件系统中的任何位置，请停止使用相对 URL。使用绝对 URL 在网页中引用它们，例如:
/assets/app.css
/assets/app.js
然后，您可以非常轻松地配置 express.static() 路由来处理所有页面的它们。
app.use(express.static("put directory here that contains the assets folder"));
我从你的问题推断是这样的:
app.use(express.static('/Users/report'));
当 Express 收到对 /assets/app.css 的请求时，它将检查 express.static() 路由处理程序。如果您已在 express.static() 中指定 assets 文件夹的父目录，则该路由处理程序将在该目录中查找您想要的 /assets/app.css。
因此，在上面的示例中，它将获取 /assets/app.css 的请求，并将其与 express.static('/Users/report') 中指定的路径组合起来，然后查看:
/Users/report/assets/app.css
这就是你想要的。
<小时/>当您在 HTML 文件中对资源使用的路径不是以 http:// 或 / 开头时，浏览器会认为它与页面的 URL 相关，因此浏览器会获取网页的路径并将其前置到 HTML 中指定的 URL。这确实使静态资源变得复杂，因此这通常不是您想要的。相反，您希望通过确保它们以 / 开头来使它们成为绝对路径。然后，它们很容易设置路由，因为无论包含它们的页面路径是什么，路由都是相同的。
关于javascript - ExpressJS 用于在 GET 请求上呈现内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52174338/
25
4
0
我知道使用 GET 和 SET 函数的公共(public)变量的缺点/私有(private)变量的优点，但目前我正在使用 Ogre3D 开发自己的第一个“真实”游戏(C++)..同时，我有时需要 6-
我正在开发一个 GSM/GPRS 应用程序，它将每 10 秒报告一些值。我必须使用的 SIM 卡每月只有 15MB 可用数据。我使用的是 SIM900 GSM 芯片供您引用。 我到达服务器的方式是通过
这三者有什么区别:gets - 它获取带有 '\n' 的行gets.chomp - 它得到一行，但删除 '\n' 这样对吗？ gets.chomp! 怎么样？ 最佳答案 gets - 它得到一个末尾带
问题和我现在遇到的问题 脚本 顺便说一句，评论是挪威语的，如果它们看起来很奇怪哈哈 Connect-AzureAD #variabel $Users = Get-AzureADUser -All:$t
我现在面临的问题是获取一个 URL，如下所示: www.example.com/example.php?url=www.google.com 现在的问题是，如果我的网址中有一个 get，如下所示: w
我有一个 queryString 传递给 servlet 的 doGet() 方法，如下所示: count=9&preId0=-99&objId0=-99&preId1=-99&objId1=-99&
这是我在 Django 模板中的代码: {% for tag in tags %} {{ tag }} {% endfor %} 在view.py中: def tag_find(
我正在尝试在express.js中为我的网络应用程序创建一个路由系统，我需要知道是否需要使用app.get/post/put/delete.apply以编程方式设置多个功能对于一条路线。 也是如此 a
我正在通过示例查看 A.Mele Django，第 1 章 def post_list(request, category=None): object_list = Post.publishe
如果我想找到与IIS站点或应用程序关联的目录，我该怎么做？ 我似乎无法从Get-Website和Get-WebApplication的对象的任何属性中找到任何允许我这样做的东西。 最佳答案 只需查看一
不知道发生了什么。当我执行以下代码时......它运行良好......但它产生了错误。如果我将以下内容粘贴到我的浏览器地址栏中并点击它，我会得到一个 URL。如果我通过 KRL http:get 输入
Curl 提供了一系列不同的带有 X 前缀的 http 方法调用，但也提供了不带 X 的相同方法。我两种都试过了，但我似乎无法弄清楚其中的区别。有人可以快速向我解释这两种操作有何不同吗？ 最佳答案 默
request.GET.get 是什么意思？我在 Django 中看到类似的东西 page = request.GET.get('page', 1) 我认为它与类似的东西有关 « 它们是如
我正在从我的 Angular2 站点查询一些 Elasticsearch 服务器。为了帮助提高安全性，我们希望锁定对 GET 请求的访问权限。 Elasticsearch 支持带主体的 GET，但我在
关闭。这个问题是opinion-based .它目前不接受答案。 想改善这个问题吗？更新问题，以便可以通过 editing this post 用事实和引文回答问题. 4年前关闭。 Improve t
调用 HTable.get(List) 返回的 Result 数组的顺序是什么？ ? 我的意思是，假设与输入列表的顺序相同是否正确？ 最佳答案 结果数组中的顺序将与输入列表的顺序相同。与批处理方法一样
所以我有一个看起来像这样的 JSON 数组: var myData = { foo : { biz : 'baz', fig : 'tree' } }
我正在学习 Ajax、javascript 和 html，并且有一个应用程序可以触发“get”请求，然后再触发另一个“get”请求。这些请求是用户按下按钮的结果。在我的 servlet 中，我使用 T
关闭。这个问题是opinion-based 。目前不接受答案。 想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 . 已关闭 6 年前。 Improv
运行以下 cmdlet 适用于组成员(Amer 域中的组)中的所有用户，无论列出的用户位于哪个域: Get-ADGroupMember -Server amer 但是，当尝试通过管道传输到 Get-
我是一名优秀的程序员,十分优秀！