### **环境地址**
```
├─ src
│ ├─ assets
│ ├─ common
│ ├─ ├─ serviceUrl.js
```
~~~
let host = ''
let apiUrl = ''
if (process.env.NODE_ENV === 'development') {
// 开发环境
host = 'http://www.b2c.com'
apiUrl = host + '/api.html'
} else if (process.env.NODE_ENV === 'production') {
// 生产环境
host = window.host
apiUrl = host + '/api.html'
}
export {
host,
apiUrl
}
~~~
可自行配置开发环境下请求地址
>[warning]生产环境的api地址在打包后的项目 `./static/config.js` 文件夹下
>```
> window.host = 'https://b2c.jihainet.com';
>```
> 便于项目迁移等情况无需重新打包发布即可手动更改地址
>[danger]如果您的服务器没有开启伪静态 则配置的地址为
> `window.host = ` 域名地址 +`/index.php`
### **接口定义**
所有的接口都统一定义在 `api.js` 文件下
```
├─ src
│ ├─ assets
│ ├─ common
│ ├─ ├─ api.js
```
`main.js` 入口文件
~~~
import * as Api from './common/api'
Vue.prototype.$api = Api
~~~
全局引入, 即可在所有组件及页面中调用接口 `this.$api.`接口方法
### **新增接口**
* 新增
~~~
// 需要登陆的，都写到这里，否则就是不需要登陆的接口
let methodToken = [...]
~~~
~~~
// 获取用户信息
export const userInfo = (data, callback) => post('user.info', data, callback)
~~~
>[success] `userInfo`就是前台定义的接口方法 `user.info` 就是后台定义的接口地址
* 在页面或组件中使用
```
this.$api.userInfo ({}, function (res) {
console.log(res)
})
```
>[success] 如果需要传参 `{ key1: value1, key2: value2 }` 否则留空 `{}`即可