想做前后端分离，不知道这样做可行不?

[johnsneakers]

1.我前端页面(.html)全部放在CDN,用户访问我的网址 http://www.xx.com/index.html 其实是拉的CDN资源。
2.前端再去请求我自己的服务器提供的api接口。

我的问题就在1上。

[raincious]

感觉这不就是AngularJS数据绑定的做法？前端下载之后运行，然后请求后端的数据来自己填充页面。

[johnsneakers]

@raincious 对的， 我前端就是angular, 我的问题是 ：访问我的域名，但是HTML资源拉的是CDN的，不知道这个可以做到不

[raincious]

@johnsneakers

当然可以。这只是取决于你把资源放在什么地方。

另外只要确定下后端数据服务器请求的Allow-Control-Allow-Origin之类设定正确就好了。

但，如果这样的话，后端没办法直接给用户浏览的第一个页面提供数据，一些数据就无法预加载了（和预缓存在模板里了），可能仍然需要一个请求去获取。比如站点的名称之类常用数据，用户登录信息什么的。

[tmkook]

拉CDN时建立的HTTP请求会很耗时吧，然后不考虑搜索引擎？

[crs0910]

@tmkook 为什么拉CDN建立的HTTP请求会很耗时？不都是静态资源吗？CDN不是会比你自己服务器返回静态页快吗？

[watsy0007]

可以的。

[yakczh]

这有什么好处呢？

[lincanbin]

seo不管了？

[kmvan]

完全不考虑seo？

[wadezhao]

@johnsneakers 我的网站就是这么做的，你可以看看http://zuiyh.com/，是否和你想象的一样？

我的服务器在国外，没办法备案，速度也很慢，现在用的是couldflare做CDN。

SEO确实有问题，但我只有首页、web版、收藏这三个页面用了这种方法，其中首页用只是在用户登录的部分这样做的，而另外两页我本来也不想做SEO，所以正好。

[johnsneakers]

@lincanbin
@kmvan
phantomjs 貌似可以解决seo问题， 而且谷歌也有对ajax的解决方案， 百度就不知道了 不过没关系

[johnsneakers]

@wadezhao 具体是咋弄的呢，比如我静态html放在 qiniu 的CDN上面的， 但是用户访问的是www.xx.com/index.html

[wadezhao]

@johnsneakers 嗯……我没太明白，七牛提供这种服务么？

我说的CDN，是通过将CNAME域名解析到CDN的Server或者干脆把DNS指向CDN的Server，然后让CDN缓存你的静态资源。
这种情况下，用户访问你的www.xx.com/index.html，访问的就是CDN上的缓存文件，这和你说的前后端分离，好像没什么关系？

至于说怎么实现，很简单啊，html属于静态资源，被CDN缓存了，用户访问很快，html里链接或者内嵌了javascript，再通过ajax去不被缓存的自己的服务器上拉取动态的数据，填写到页面DOM中。