终于搭起来...Vue 仿写的实验楼整站，有 20+页面，希望得到一点支持和指教~ヽ(≧∀≦)ﾉ。

[cyrbuzz]

嗯...

写了好久了，断断续续的最近一个月终于完成的 V0.1 版本，也没有特别出彩的地方，只是把原网站照着样子实现了出来，从 0 开始，一步步摸索搭建。从不知道怎么做状态管理，不知道...Object，不知道怎么写异步，复用组件，到现在，20+页面，46 个抓取到的 API，终于用 Github Page 搭成了线上演示。嗯...第一次访问的时候有点慢，看 Chrome 分析打包出来的文件并不大，应该是连接 Github 访问的比较慢。

虽然还有大量细节问题，但...总算是完成了一个阶段~，嘿嘿，希望可以得到各位前辈的支持。

实例预览（就是低配版原站啦）

咦，这里好像有个奇怪的链接

https://github.com/HuberTRoy/vue-shiyanlou

不不不，千万不要有手滑Star，不慎Fork，失误watch o(￣▽￣)ｄ 。

[cyrbuzz]

@zsg1994
是的哎，flex 用起来很爽。

[cyrbuzz]

@wdmx007
已更正，Thanks♪(･ω･)ﾉ。

[cyrbuzz]

@LamKingTak
感谢支持~~。

[cyrbuzz]

@Hopetree
嗯呢，我也很喜欢实验楼清爽的界面，写的时候内容借（ tou ）鉴（ xue ）了很多大神写的饿了么，直接扒的源码看怎么实现的，帮助巨大。

CDN 这个学习到了~，谢谢~。

router 现在是按需加载的吧，用了懒加载。
```
const __import__ = file => () => import(`@/pages/${file}.vue`)
...{
path: '/',
name: 'Home',
component: __import__('home')
}
```

[cyrbuzz]

@ResetCode
真诚感谢~。

[scyangjian]

赞就完事了

[Gladoos]

很还原啊

[Frank520]

掘金开了防盗链的

[cyrbuzz]

@scyangjian
Thanks♪(･ω･)ﾉ

[cyrbuzz]

@Gladoos
能得到肯定太好了~

[cyrbuzz]

@Frank520
是的= =，被缓存坑了一把。

[daimubai]

你好，这个后端接口也是你写的吗

[cyrbuzz]

@daimubai
哇...今天才收到提醒，实在抱歉。
后端转发是我自己写的，地址在：
https://github.com/HuberTRoy/vue-shiyanlou-backend

但后端处理了什么内容还是实验楼官方的。

[daimubai]

@cyrbuzz 那其他的接口您是怎么获取到的呢。。 新手

[cyrbuzz]

@daimubai
其他接口是指什么？
数据是实验楼官方，实验楼官方本身有数据接口（ API ），他们没有必要做跨域，但我们自己写前端直接调用的话就会出现跨域问题，所以写了转发。

整个过程大概是：

分析官方接口 -> 发现没做跨域不能用 -> 写后端转发。

我在掘金上写了一些总结，里面有写跨域问题：
https://juejin.im/post/5d8ec6f0e51d4577ef53de1e
可以看一下~，共同进步~。