javascript - 如何在Vue中使用ejs模板。
怪我咯
怪我咯 2017-04-11 10:38:09
[JavaScript讨论组]

1.使用的官方vue-cli里的webpack
2.SPA项目,用到vue-router
3.

app.vue


4.

router.js

var express = require('express');
var router = express.Router();

router.get('/', function(req, res, next) {
  var user = res.cookies.user || {}
  res.render('index', { user: user });
});

5.问题:
webpack打包的时候报错表示 user 未定义
我自己也感觉写的有问题但是没有找到有关示例
请教一下该如何在vue里正确使用express+ejs模板

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(3)
怪我咯

用了express+ejs 还要vue干什么,要么直接后端渲染,要么express 提供restful API提供数据 用VUE渲染UI

高洛峰

确实有@papersnake 说的问题

第一,你的app.vue里想用ejs做模版引擎,那你得知道,这里的数据需要在“编译”的时候注入,参考pre-processors

第二,路由部分你又突然冒到服务器端了,然后还真的注入了一个{user: user},这真心不管用啊。这基本就是刻舟求剑的套路了

PHPz

webpack打包vue文件时和express服务器端渲染ejs一点关系都没有。
正常情况你应该先webpack生成静态的资源,然后访问express时再根据数据和ejs模板进行渲染返回html给前端。所以这里在webpack时,user怎么能被识别呢?除非你webpack之后的结果是ejs模板

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号