个人中心
gpt4 book ai didi

javascript - 使用 node.js 渲染 html

转载 作者：行者123 更新时间：2023-11-30 16:07:02 26 4
gpt4 key购买 nike

我对整个 MEAN-stack 真的很陌生，正在尝试在 openshift 上创建一个应用程序，但无法呈现新页面。

我一直收到这个错误，但我用谷歌搜索都无法解决。

我的错误:无法在公共(public)目录中查找 View “/register”

在 server.js 中使用 app.get('/', func()) 呈现索引页面完全正常，并尝试使用 app.get('/register) 完全相同。一开始我对 '/' 也有同样的问题，但使用 app.use(express.static(__dirname + '/public')); 解决了它;

index.html 和 register.html 都位于 public 目录中。

这些是我的代码的摘录:

index.html

<body ng-app="">
    <div class="container" ng-controller="LoginController" >
        <h1>Logg in</h1>
        <input class="form-control" placeholder="ID"/>
        <input class="form-control" placeholder="Password"/>
        <button class="btn">Logga in</button>
        <button ng-click="open()" class="btn">Register User</button>
    </div>
</body>

登录 Controller 

function LoginController($scope, $http) {
console.log("Hello from Login");

    $scope.open = function () {
        console.log('open i login.js');
        $http.get('/register')
    };
};

server.js

var express = require('express');
var fs      = require('fs');
var mongojs = require('mongojs');
var jade = require('jade')

var app = express();
var cors = require('cors');
var bodyParser = require('body-parser');

app.use(express.static(__dirname + '/public'));
app.use(express.bodyParser());

app.get('/env',function(req, res){
    res.json(process.env);
});

app.get('/', function (req, res) {
    res.render('/index', {});
});

app.get('/register', function (req, res) {
    res.render('/register');
});

app.set('view engine', 'jade');

最佳答案

有几个问题。

1) 不要对“register”文件使用斜杠。这是 /public 文件夹中的文件，而不是文件夹或路径。

app.get('/register', function (req, res) {
    res.render('register');
});

2) 您已将jade 设置为您的渲染引擎。这意味着您将提供 .jade 文件。您的公共(public)文件夹应该有 index.jade。它应该是这样的:

html
  body(ng-app='')
    .container(ng-controller='LoginController')
      h1 Logg in
      input.form-control(placeholder='ID')
      input.form-control(placeholder='Password')
      button.btn Logga in
      button.btn(ng-click='open()') Register User

一些注意事项:

关于javascript - 使用 node.js 渲染 html，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36886788/

26 4 0
文章推荐： javascript - 想使用 React Js 创建拖放组件
文章推荐： c - 通过NAT发送和接收UDP数据包
文章推荐： c - 如何在 C 中将 token 字符中的值设置为名为 customerData[][] 的数组？
文章推荐： javascript - Node.js:长时间延迟
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com