node.js - 单页面应用是如何进行部署的？

Question

• 单页面应用既然能实现前后端端对端地开发，那具体到部署的时候是如何进行的呢？目前是把前端资源依旧像以前一样放在后端框架下面的静态资源目录下吗？

• 单页面应用的前端能不能真正实现前后端分开独立部署？

• 然后是关于单页面应用的SEO是如何进行的？之前查到说是可以在nodejs上进行页面的渲染，那具体是怎么做的？比如用vuejs或者angularjs或者react这些框架，具体怎么做？

• 谢谢！

Answer 1

不需要，你可以透過代理。如

nginx代理

你的靜態資源在 ~/static/目錄下，而你的後端服務埠是8080，你可以在nginx下設定如下

    #静态文件，请求静态文件代理带`static`目录下
    location ~ ^/(images|javascript|js|css|flash|media|static)/ {
        root ~/static;
    }
    #接口代理到api下
    location ~ ^/(api)/ {
        root localhost:8080/api;
    }

1024，樓主按讚一生平安。

node代理

node的代理有多種選擇方式，我貼個gulp的

var gulp = require('gulp');
var connect = require('gulp-connect');
var proxy = require('proxy-middleware');
var url = require('url');
gulp.task('connect', function () {
    connect.server({
        root: './',
        port: 3000,
        middleware: function (connect, opt) {
            var proxyOptions = url.parse('http://localhost:8080/api/');
            proxyOptions.route = '/api/';
            return [
                proxy(proxyOptions)
            ]
        }
    })
});

1024,樓主按讚一生平安。