单页面应用是如何进行部署的？

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,楼主点赞一生平安。