node express nuxt最简后端渲染
2017-11-10 本文已影响0人
adtk
https://zh.nuxtjs.org/guide/installation
发布时必须把nuxt.config.js的dev字段设为false,执行nuxt build
,再node index.js
;
安装依赖node-sass和sass-loader可以直接使用sass语法
目录结构,参考官网,有些目录是nuxt特定的//index.js 服务启动文件
var express = require("express");
let app = express();
let { Nuxt, Builder } = require('nuxt');
let config = require('./nuxt.config.js');//nuxt的配置文件
let nuxt = new Nuxt(config);
app.get("/a",function(req,res){ //自己的路由
res.send({a:1});
});
if (config.dev) {// 是否启用开发模式
let builder = new Builder(nuxt);
builder.build();
}
app.use(nuxt.render);//自己定义的路由写它上边
app.listen(3000);
// nuxt.config.js
module.exports = {
dev:true, //这个很重要,true为开发模式(nuxt自己实现热加载),false为生产模式
//以下配置项请看文档
build: {
vendor: ['axios']
},
css: [ ],
head: {
meta: [],
link: []
}
};