接口API推荐书写方式
框架对服务端的请求全通过异步请求实现，请求方式理论上并无严格限制，这里我们推荐将公共
api请求 集中管理，放置项目根目录@/api/文件夹中，需要全局存储及全局驱动的异步方法，可以借助vuex共享。
目录
├─api //公共api接口目录
│ ├─index.js//公共请求方法
│ ├─examine.js //某专栏公共请求
│ ├─url.js //存放全局url地址变量
推荐示例
@/api/nav.js 中方法：
import url from './url.js'
export default {
getNav(){
return ajax.post(url.nav);
},
...
}
.vue 中调用：
import navApi from '@/api/nav.js'
export default{
...
methods:{
setNav (){
navApi.getNav.then(res=>{
...
})
}
},
...
}
全局调用
- 写在
@/api/url.js的default对象中的 url ，在页面里可以通过this.$url.直接访问。 - 写在
@/api/index.js的default对象中的 方法，在页面里可以通过this.$api.直接使用。