axios自動加上網址

我使用了axios來實作vue中請求資料的部分，但網站中有許多地方要請求不同地方的資料時，就需要有個地方統一管理這個位置，這時就可以用到axios.baseURL

只要在main.js中宣告axios後加上這行

import axios from 'axios';

axios.defaults.baseURL='http://localhost:3031';  //宣告baseURL

app.use(VueAxios, axios)

之後只要使用了axios，他會自動加上baseURL，例如

let url = '/api'
 axios.get(url)
 .then((res)=>{

 })

他就會送出這個位置http://localhost:3031/api

通常還會搭配.env文件來使用，將環境變數先存在.env中，例如建立一個.env.dev的文件，裡面寫下

NODE_ENV=development
API_URL=http://localhost:3031/

然後在main.js中串上env的環境變數就可以了

import axios from 'axios';

axios.defaults.baseURL=process.env.API_URL