⑴ 從零開始的vue後台管理-連接資料庫
首先現在vue項目裡面找到config這個文件,配置裡面的index.js
然後再配置生產環境的參數,也就是dev.env.js
最後在prod.env.js裡面配置
給config/index.js裡面的內容做個注釋
我在src裡面創建了一個文件夾axios,api.js是我封裝axios方法的文件,globalData.js是存放後台介面的文件。
在vue項目中,和後台交互獲取數據這塊,我們通常使用的是axios庫,它是基於promise的http庫,可運行在瀏覽器端和node.js中。他有很多優秀的特性,例如攔截請求和響應、取消請求、轉換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