在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ 在vue項(xiàng)目中，使用axios請(qǐng)求的各個(gè)地址如何整合成一個(gè)config文檔，方便

在vue項(xiàng)目中，使用axios請(qǐng)求的各個(gè)地址如何整合成一個(gè)config文檔，方便修改管理？

內(nèi)容：
頁(yè)面中存在許多ajax請(qǐng)求，url如果直接寫(xiě)在頁(yè)面，當(dāng)需要修改的時(shí)候，就得修改每個(gè)頁(yè)面。想來(lái)這樣是不科學(xué)的，應(yīng)該有類(lèi)似配置文件的方式配置，url引用配置文件中的路徑，這樣修改時(shí)，就不用修改所有頁(yè)面。

解決方法如下：

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
編輯回答
忘了我

請(qǐng)求url使用相對(duì)路徑。
如果是開(kāi)發(fā)環(huán)境，webpack配置好devServer的proxy進(jìn)行請(qǐng)求轉(zhuǎn)發(fā)，生產(chǎn)環(huán)境會(huì)默認(rèn)忽略。
可以在項(xiàng)目目錄下新建一個(gè)api文件夾，用以管理所有的api請(qǐng)求。
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