### **環境地址**
```
├─ 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 }` 否則留空 `{}`即可