在这篇文章中,我们将为您详细介绍javascript–在运行时添加路由(ExpressJs)的内容,并且讨论关于js实现路由的相关问题。此外,我们还会涉及一些关于expressjshttp帖子无法从j
在这篇文章中,我们将为您详细介绍javascript – 在运行时添加路由(ExpressJs)的内容,并且讨论关于js实现路由的相关问题。此外,我们还会涉及一些关于expressjs http帖子无法从javascript帖子获取中获取数据、Express的路由详解_javascript技巧、javascript – 502使用ExpressJS与nginx时网关不良、javascript – Express Node.js不起作用的知识,以帮助您更全面地了解这个主题。
本文目录一览:- javascript – 在运行时添加路由(ExpressJs)(js实现路由)
- expressjs http帖子无法从javascript帖子获取中获取数据
- Express的路由详解_javascript技巧
- javascript – 502使用ExpressJS与nginx时网关不良
- javascript – Express Node.js不起作用
javascript – 在运行时添加路由(ExpressJs)(js实现路由)
我想在运行时添加路由.我读到它可能但我不太确定如何.目前我使用以下代码:
var app = express();
function CreateRoute(route){
app.use(route, require(''./routes/customchat.js''));
}
而customchat看起来像
var express = require(''express'');
var router = express.Router();
router.route(''/'').get(function (req, res) {
var url = req.baseUrl;
var roomname = url.substring(url.lastIndexOf(''_'') + 1);
res.render(''chat'', { name: roomname , year: new Date().getFullYear().toString()});
});
module.exports = router;
当我在开始监听之前调用方法CreateRoute时,它将链接路由.但是当我在运行时这样做时,它不会创建一个新的路线.
我的目标是添加路由添加运行时.我将生成一个像/ room_Date这样的路径.这应该在运行时使用模板customchat添加.
我使用的是快递版4.13.
在此先感谢您的帮助.
解决方法:
customchat.js应该调用customChat.js并且是
const customChat = (req, res) => {
const { name } = req.params;
const year = new Date().getFullYear().toString();
res.render(''chat'', { name , year });
}
module.exports = customChat
然后当你创建你的应用程序
const express = require(''express'')
const customChat = require(''./routes/customChat.js'')
const app = express()
app.use(''/chat/:name'', customChat)
有关更多信息,请参见the official Express routing文档.
总结
以上是小编为你收集整理的javascript – 在运行时添加路由(ExpressJs)全部内容。
如果觉得小编网站内容还不错,欢迎将小编网站推荐给好友。
原文地址:https://codeday.me/bug/20190711/1433439.html
expressjs http帖子无法从javascript帖子获取中获取数据
以表单网址编码发送请求。首先,创建一个处理formUrlEncoding
的方法。
formUrlEncoder(params,formUrlBody){
for (let property in params) {
let key = encodeURIComponent(property);
let value = encodeURIComponent(params[property]);
formUrlBody.push(key + "=" + value);
}
return formUrlBody.join("&");
}
接下来,调用该方法,该方法将返回所有编码后的值,因此只需将其传递到正文中即可。
const url = 'http://localhost:3700/do-login';
const params = {
email :'test@domain.com',password : 'test'
};
const headers = new Headers({
'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
});
let formUrlBody = [];
formUrlBody = formUrlEncoder(params,formUrlBody);
fetch(url,{
method: 'POST',headers: headers,body: formUrlBody
});
您可以找到有关提取here的更多详细信息。
Express的路由详解_javascript技巧
路由
路由是指如何定义应用的端点(URIs)以及如何响应客户端的请求。
路由是由一个 URI、HTTP 请求(GET、POST等)和若干个句柄组成,它的结构如下: app.METHOD(path, [callback...], callback), app 是 express 对象的一个实例, METHOD 是一个 HTTP 请求方法, path 是服务器上的路径, callback 是当路由匹配时要执行的函数。
下面是一个基本的路由示例:
var express = require(''express''); var app = express(); // respond with "hello world" when a GET request is made to the homepage app.get(''/'', function(req, res) { res.send(''hello world''); });
路由方法
立即学习“Java免费学习笔记(深入)”;
路由方法源于 HTTP 请求方法,和 express 实例相关联。
下面这个例子展示了为应用跟路径定义的 GET 和 POST 请求:
// GET method route app.get(''/'', function (req, res) { res.send(''GET request to the homepage''); }); // POST method route app.post(''/'', function (req, res) { res.send(''POST request to the homepage''); });
Express 定义了如下和 HTTP 请求对应的路由方法: get, post, put, head, delete, options, trace, copy, lock, mkcol, move, purge, propfind, proppatch, unlock, report, mkactivity, checkout, merge, m-search, notify, subscribe, unsubscribe, patch, search, 和 connect。
有些路由方法名不是合规的 JavaScript 变量名,此时使用括号记法,比如: app[''m-search''](''/'', function ...
app.all() 是一个特殊的路由方法,没有任何 HTTP 方法与其对应,它的作用是对于一个路径上的所有请求加载中间件。
在下面的例子中,来自 “/secret” 的请求,不管使用 GET、POST、PUT、DELETE 或其他任何 http 模块支持的 HTTP 请求,句柄都会得到执行。
app.all(''/secret'', function (req, res, next) { console.log(''Accessing the secret section ...''); next(); // pass control to the next handler });
路由路径
路由路径和请求方法一起定义了请求的端点,它可以是字符串、字符串模式或者正则表达式。
Express 使用 path-to-regexp 匹配路由路径,请参考文档查阅所有定义路由路径的方法。 Express Route Tester 是测试基本 Express 路径的好工具,但不支持模式匹配。
查询字符串不是路由路径的一部分。
使用字符串的路由路径示例:
// 匹配根路径的请求 app.get(''/'', function (req, res) { res.send(''root''); }); // 匹配 /about 路径的请求 app.get(''/about'', function (req, res) { res.send(''about''); }); // 匹配 /random.text 路径的请求 app.get(''/random.text'', function (req, res) { res.send(''random.text''); }); 使用字符串模式的路由路径示例: // 匹配 acd 和 abcd app.get(''/ab?cd'', function(req, res) { res.send(''ab?cd''); }); // 匹配 abcd、abbcd、abbbcd等 app.get(''/ab+cd'', function(req, res) { res.send(''ab+cd''); }); // 匹配 abcd、abxcd、abRABDOMcd、ab123cd等 app.get(''/ab*cd'', function(req, res) { res.send(''ab*cd''); }); // 匹配 /abe 和 /abcde app.get(''/ab(cd)?e'', function(req, res) { res.send(''ab(cd)?e''); });
字符 ?、+、* 和 () 是正则表达式的子集,- 和 . 在基于字符串的路径中按照字面值解释。
使用正则表达式的路由路径示例:
// 匹配任何路径中含有 a 的路径: app.get(/a/, function(req, res) { res.send(''/a/''); }); // 匹配 butterfly、dragonfly,不匹配 butterflyman、dragonfly man等 app.get(/.*fly$/, function(req, res) { res.send(''/.*fly$/''); });
路由句柄
可以为请求处理提供多个回调函数,其行为类似 中间件。唯一的区别是这些回调函数有可能调用 next(''route'') 方法而略过其他路由回调函数。可以利用该机制为路由定义前提条件,如果在现有路径上继续执行没有意义,则可将控制权交给剩下的路径。
路由句柄有多种形式,可以是一个函数、一个函数数组,或者是两者混合,如下所示.
使用一个回调函数处理路由:
app.get(''/example/a'', function (req, res) { res.send(''Hello from A!''); });
使用多个回调函数处理路由(记得指定 next 对象):
app.get(''/example/b'', function (req, res, next) { console.log(''response will be sent by the next function ...''); next(); }, function (req, res) { res.send(''Hello from B!''); });
使用回调函数数组处理路由:
var cb0 = function (req, res, next) { console.log(''CB0''); next(); } var cb1 = function (req, res, next) { console.log(''CB1''); next(); } var cb2 = function (req, res) { res.send(''Hello from C!''); } app.get(''/example/c'', [cb0, cb1, cb2]);
混合使用函数和函数数组处理路由:
var cb0 = function (req, res, next) { console.log(''CB0''); next(); } var cb1 = function (req, res, next) { console.log(''CB1''); next(); } app.get(''/example/d'', [cb0, cb1], function (req, res, next) { console.log(''response will be sent by the next function ...''); next(); }, function (req, res) { res.send(''Hello from D!''); });
响应方法
下表中响应对象(res)的方法向客户端返回响应,终结请求响应的循环。如果在路由句柄中一个方法也不调用,来自客户端的请求会一直挂起。
javascript – 502使用ExpressJS与nginx时网关不良
如果我运行我的expressjs应用程序,如:咖啡server.coffee和导航到本地主机:8080,一切都很好.
但是,当我用Nginx反向代理8080时,配置如下:
server {
listen 0.0.0.0:80;
server_name localhost;
access_log /var/log/Nginx/nodetest.log;
location / {
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host $http_host;
proxy_set_header X-Nginx-Proxy true;
proxy_pass http://node/;
proxy_redirect off;
}
}
upstream node {
server 127.0.0.1:8080;
}
Chrome开发者控制台中出现以下错误:
GET http://184.73.217.204/socket.io/xhr-polling//1300750540040 502(坏网关)
以及在Nginx的error.log中的以下内容
2011/03/22 13:07:59 [error] 10269#0: *18 upstream prematurely closed connection while
reading response header from upstream,client: 168.229.58.68,server: localhost,request: "GET /socket.io/xhr-polling//1300799281533 HTTP/1.1",upstream:
"http://127.0.0.1:8080/socket.io/xhr-polling/1300799281533",host: "184.73.217.204",referrer: "http://184.73.217.204/"
任何指导赞赏!
-proxy_pass http://node/; +proxy_pass http://node;
javascript – Express Node.js不起作用
express test --hogan -c less cd test && npm install node app.js
现在我应该得到的是“快速服务器在端口3000上运行”,而是命令只是执行并且不会留下任何消息或错误.所以我不知道正在运行哪个端口快速或者它是否正在运行.那么有谁知道它出了什么问题?提前致谢.
解决方法
app.listen(3000,function () { console.log("express has started on port 3000"); });
这将指示express在端口3000上侦听并在控制台上打印出有用的消息.
今天的关于javascript – 在运行时添加路由(ExpressJs)和js实现路由的分享已经结束,谢谢您的关注,如果想了解更多关于expressjs http帖子无法从javascript帖子获取中获取数据、Express的路由详解_javascript技巧、javascript – 502使用ExpressJS与nginx时网关不良、javascript – Express Node.js不起作用的相关知识,请在本站进行查询。
本文标签: