APICloud打包Vue单页应用

http://www.cnblogs.com/undefined000/p/9559694.html
APICloud新建项目后，会生成以下目录结构

其中index.html是入口文件，而vue-cli打包生成的文件是在dist目录下

├─dist
│ └─static
│ 　　 ├─css
│ 　　 └─js

│ └─index.html

把dist目录中的static文件夹和index.html复制到apicloud的项目文件中即可，覆盖原来的index.html。最终apicloud的目录结构只是比原来多了一个static目录。

vue项目中需要做如下配置，config/index.js中需要把build的assetsPublicPath属性由原来的 /改成 ./，

index.html添加一些代码用于处理物理返回键：

这样打包以后代码还存在index.html里，引用脚本的路径也是apicloud目录下的。之后把dist目录下的文件复制过去就行了。如此一来就能畅享vue带来的高效开发了。

最后，如果想调用apicloud的组件，可以在vue的组件中这样写：