javascript - res.render() 不渲染 ejs 文件,没有抛出错误 node.js app
问题描述
我正在尝试发送一个 ejs 模板文件作为对 HTTP 请求的响应;html 和 css 呈现,但 Javascript 没有响应。Javascript 源链接在 ejs 响应的头部,但在实际显示页面时不会调用这些函数。
应用程序.js
const express = require('express')
const app = express()
let port = process.env.PORT || 3000
require('dotenv').config()
const { auth,requiresAuth } = require('express-openid-connect')
const path = require('path')
let mysql = require('mysql')
const bodyParser = require('body-parser')
app.use(bodyParser.urlencoded({ extended: true }))
app.use(bodyParser.json())
app.set("views", path.join(__dirname, "views"))
app.set("view engine", "ejs")
app.use(express.static(__dirname))
app.set('port',port)
app.get('/createnew', requiresAuth(), function (req, res) {
let user = (JSON.stringify(req.oidc.user.email))
user = user.replace(/"/g, '\'');
let user1 = {
completeremail: user,
}
res.render('newform', {user : user1})
})
请求来自profilelist.ejs
function createNew() {
let getUrl = window.location;
let baseUrl = getUrl .protocol + "//" + getUrl.host;
let query = baseUrl + '/createnew?'
let req = new XMLHttpRequest()
req.open("GET", query, true)
req.addEventListener('load', function () {
let response = req.responseText
document.querySelector("html").innerHTML = response
})
req.send()
}
我的文件结构是:
node_modules/
views/
complete.ejs
form.ejs
maintemplate.ejs
newform.ejs
profilelist.ejs
.env
.gitignore
app.js
javascript.js
packahe.json
package-lock.json
README.md
stylesheet.css
解决方案
问题是因为您requiresAuth
使用空参数调用中间件函数意味着您的中间件不会调用next()
以将控制权传递给呈现 ejs 模板的下一个函数,请尝试在没有()
app.get('/createnew', requiresAuth , function (req, res) {
//your code here
})
推荐阅读
- sql - SQL Server:行到列交换
- python - 从多列获取 Pandas DataFrame 标签索引
- html - CSS flex 对齐列就像在报纸上一样
- php - apache httpd 虚拟主机配置
- excel - SUMIFS() 包含项目而不是排除项目
- javascript - 尚未为上下文加载模块
- c# - Roslyn SDK 无法在本地找到 nuget 包
- html - 标题图标、标题和导航栏在屏幕调整大小时溢出标题容器
- javascript - 通过 Vue.js 中的 slot-scope 将 props 传递给所有子项的正确方法
- android - RecyclerView:布局后更改和应用填充