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: []
    }
  };

nuxt会将pages下的vue文件自动划分路由

https://zh.nuxtjs.org/guide/routing

路由
上一篇下一篇

猜你喜欢

热点阅读