vue+node全栈移动商城【6】-node接口配置文件

接上一节，我们如今已经有了二个接口，分别是，

app.get('/node_a'
复制代码

和

app.get('/node_a'
复制代码

之后还会有更多的接口，那么有必要在一个单独的地方来统一管理全部的接口。

在src目录下新建一个文件：api_dev.js，代码以下：

const port = 5678;
const BASEURL = 'http://localhost:' + port;

const API_LIST = {
	// 查询条件
	node_a : BASEURL + '/node_a',
	// 查询结果
	node_b : BASEURL + '/node_b'
}

module.exports = API_LIST
复制代码

这样就把全部的接口都放在API_LIST对象中，并向外导出，而后在须要使用的地方，直接import导入以后，就对象.属性的方式就能够使用了。就像下面这样，

<script>
import axios from 'axios'
import API_LIST from '@/APIList.config'

...
methods:{
  sendBtn(){
        let _val = this.$refs.inputRef.value;
        // console.log( _val )

        axios.get( API_LIST.node_a ,{
                    params:{ v_data : _val }
              });
  },
复制代码