從零開始的vue后臺管理-連接數(shù)據(jù)庫

首先現(xiàn)在vue項目里面找到config這個文件,配置里面的index.js


然后再配置生產(chǎn)環(huán)境的參數(shù),也就是dev.env.js

最后在prod.env.js里面配置



給config/index.js里面的內(nèi)容做個注釋




我在src里面創(chuàng)建了一個文件夾axios,api.js是我封裝axios方法的文件,globalData.js是存放后臺接口的文件。

在vue項目中,和后臺交互獲取數(shù)據(jù)這塊,我們通常使用的是axios庫,它是基于promise的http庫,可運行在瀏覽器端和node.js中。他有很多優(yōu)秀的特性,例如攔截請求和響應(yīng)、取消請求、轉(zhuǎn)換json、客戶端防御XSRF等。所以vue官方也是果斷放棄了對其官方庫vue-resource的維護,直接推薦我們使用axios庫。


globalData.js


然后是最重要的引用(important)

import api from '@/axios/api.js'

import gd from '@/axios/globalData.js'


config/index里面host: 'localhost', 需要注意,否則運行會underfind


沒配置則會這樣


轉(zhuǎn)載自CSDN博主「Miss.lang」

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容