节点JS加载JS&ejb文件中的css文件

Node JS loading js & css file in an ejs file

本文关键字:文件 JS css ejb 加载 amp 节点      更新时间:2023-09-26

我的文件夹是这样的:server.js应用程序--routes.js视图--ace构建master--''src无冲突--ace.js--index.ejs

所以在"视图"中是我的王牌编辑器和我的index.ejs文件。我想在我的index.ejs文件中调用ace.js。我需要在我的快递路线中创建一个app.get吗?

app.get('/ace', function (req, res) {
  res.sendFile(''ace-builds-master'src-noconflict'ace.js');
});

在我的ejs文件中,我是这样写的吗:

<script src="/ace" type="text/javascript" charset="utf-8"> </script>

我收到"获取http://localhost:8080/ace"在浏览器中加载时

Ejs渲染视图文件,视图可以访问您的静态文件夹。您可以将您的ace文件夹设置为静态。它将在视图加载时加载

app.set('views', __dirname + '/views');
app.set('view engine', 'ejs');
// Load static files
app.use(express.static(path.join(__dirname, 'ace')));

只需使用

<script src="../ace" type="text/javascript" charset="utf-8"> </script>

而不是

<script src="/ace" type="text/javascript" charset="utf-8"> </script>

因为当服务器加载ejs时,它会在公用文件夹中创建一个虚拟文件夹所以你只需要后退一步。