GVKun编程网logo

javascript – 在运行时添加路由(ExpressJs)(js实现路由)

16

在这篇文章中,我们将为您详细介绍javascript–在运行时添加路由(ExpressJs)的内容,并且讨论关于js实现路由的相关问题。此外,我们还会涉及一些关于expressjshttp帖子无法从j

在这篇文章中,我们将为您详细介绍javascript – 在运行时添加路由(ExpressJs)的内容,并且讨论关于js实现路由的相关问题。此外,我们还会涉及一些关于expressjs http帖子无法从javascript帖子获取中获取数据、Express的路由详解_javascript技巧、javascript – 502使用ExpressJS与nginx时网关不良、javascript – Express Node.js不起作用的知识,以帮助您更全面地了解这个主题。

本文目录一览:

javascript – 在运行时添加路由(ExpressJs)(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帖子获取中获取数据

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技巧

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时网关不良

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不起作用

javascript – Express Node.js不起作用

我在我的ubuntu 12.04上安装了express 4以及node.js,npm和express-generator,并使用以下命令创建了一个app:
express test --hogan -c less
cd test && npm install
node app.js

现在我应该得到的是“快速服务器在端口3000上运行”,而是命令只是执行并且不会留下任何消息或错误.所以我不知道正在运行哪个端口快速或者它是否正在运行.那么有谁知道它出了什么问题?提前致谢.

解决方法

新的express生成器不会在自动生成的app.js文件中添加app.listen语句.这可能是一个错误?你能做的就是添加一个声明
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不起作用的相关知识,请在本站进行查询。

本文标签: