鍍金池/ 問答/HTML/ 在vue項目中，使用axios請求的各個地址如何整合成一個config文檔，方便

在vue項目中，使用axios請求的各個地址如何整合成一個config文檔，方便修改管理？

內(nèi)容：
頁面中存在許多ajax請求，url如果直接寫在頁面，當需要修改的時候，就得修改每個頁面。想來這樣是不科學的，應該有類似配置文件的方式配置，url引用配置文件中的路徑，這樣修改時，就不用修改所有頁面。

解決方法如下：

clipboard.png

clipboard.png

回答
編輯回答
厭惡我

import urls from '@/api/urls'

urls.js

const prefix = process.env.PREFIX

    export default {
      login: `${prefix}/login`,
      settings: `${prefix}/setting`
    }
2018年3月6日 01:47
編輯回答
忘了我

請求url使用相對路徑。
如果是開發(fā)環(huán)境，webpack配置好devServer的proxy進行請求轉(zhuǎn)發(fā)，生產(chǎn)環(huán)境會默認忽略。
可以在項目目錄下新建一個api文件夾，用以管理所有的api請求。
like this

import axios from 'axios'

let base = '/api/v1/users'

const user = {
    getList  : params => axios.get(`${base}`, {params:params}),
    getDetail: id     => axios.get(`${base}/${id}`),
    delete   : id     => axios.delete(`${base}/${id}`),
    add      : params => axios.post(`${base}`, params),
    update   : params => axios.put(`${base}/${params.id}`, params),
}

export default user
2018年5月21日 15:54