美文网首页
node express nuxt最简后端渲染

node express nuxt最简后端渲染

作者: adtk | 来源:发表于2017-11-10 15:45 被阅读0次

    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

    路由

    相关文章

      网友评论

          本文标题:node express nuxt最简后端渲染

          本文链接:https://www.haomeiwen.com/subject/fvbbmxtx.html