node.js에서 express.static 콘텐츠를 사용하는 대신 ejs-templating을 사용하여 인덱스 페이지를 보는 방법은 무엇입니까?

애프터 선 로션

나는 내 레스토랑 음식 메뉴 생성기를 볼 수 있습니다 HTML

app.get('/', function (req, res) {
res.sendFile(__dirname + '/views/index.html');});

이것으로 express static method. 하지만 index pageejs-tempalting. main.js코드 는 다음과 같습니다 .

const bodyParser = require("body-parser");
var homeController = require("./Controllers/homeController.js");
var path = require("path");
const port = 3000,

express = require("express"),

app = express();
app.set("view engine", "ejs");
app.use(express.static(path.join(__dirname, 'public')));
app.get('/function.js',function(req,res){ res.sendFile(path.join(__dirname + '/javascript/function.js')); });
app.get('/main.css',function(req,res){ res.sendFile(path.join(__dirname + '/css/main.css')); });
app.get('/', function (req, res) {
});
//should this view the index page?//
app.get('/', function(req, res) {
    res.render('index');
});

app.use(bodyParser.urlencoded({ extended: false }));

app.listen(port, () => {

 console.log(`The Express.js server has started and is listening
➥ on port number: ${port}`);
});

나는 index.ejsviews folder있지만 소문에 따르면 ejs. 프로그램을 시작하면 오류는 없지만 페이지도 표시되지 않습니다. 저를 올바른 길로 안내해 주시면 감사하겠습니다. 필요한 routes가요? Controllers?

케 다르 세다이

HTML다음 과 같은 정적 파일을 제공하려는 경우 수행중인 작업이 정확합니다. 그러나 브라우저 templating-engine와 같이 ejs사용하려면 아래 명령을 사용하여 종속성을 설치해야합니다.

npm i ejs

main.js파일 을 가져와야 합니다.

const ejs = require('ejs');

이제 설정해야합니다. view engine

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

당신의 main.js파일. 이제 main.js파일은 다음과 같습니다.

const express = require('express');
const ejs = require('ejs');
const bodyParser = require('body-parser');
var homeController = require("./Controllers/homeController.js");
var path = require("path");

const app = express();
const port = 3000,

app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());

//setup fir view engine
app.set('view engine', 'ejs');

//this is used if you want to serve HTML file
//app.use(express.static(path.join(__dirname, 'public')));

//should this view the index page?//
app.get('/', function(req, res) {
res.render('index');
});

app.listen(port, () => {
console.log(`The Express.js server has started and is listening
➥ on port number: ${port}`);
});

이름으로 폴더 file안에 저장viewsindex.ejs

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

Related 관련 기사

뜨겁다태그

보관