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 }
              });
  },
複製程式碼