Physical Address

304 North Cardinal St.
Dorchester Center, MA 02124

[Node]axios自動加上網址

內容目錄

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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *