Nuxt.js中配置生產環境和開發環境API

xue-shuai發表於2020-03-22

首先在 nuxt.config.js 中配置 env 如下程式碼:

export default {
    ...
    env: {
        baseUrl: process.env.BASE_URL || 'http://xxx.xxx.xx.xx:xxxx'
    }
}

然後在 plugins 目錄下建立 axios.js 檔案,並寫下如下程式碼

import axios from 'axios'

export default axios.create({
  baseURL: process.env.baseUrl
})

在需要使用 axios 請求資料的 vue檔案 中這樣使用

import axios from '~/plugins/axios'

axios.get('/xxx/xxx',{
    params:{
        ...
    }
}).then(res => {}).catch(err => console.log(err))

 

相關文章