1. 配置vue.config.js
devserver:
},//匹配/list-api開頭的請求
//目標伺服器,**訪問到
target: ``,
// 開啟**:在本地會建立乙個虛擬服務端,然後傳送請求的資料,
// 並同時接收請求的資料,這樣服務端和服務端進行資料的互動就不會有跨域問題
changorigin: true, //開啟**
pathrewrite:
},},
disablehostcheck: true
},
2. 配置 env
3.配置api
import axios from 'axios'
// 建立axios例項
const service = axios.create()
/** * @param query
*/export function getlightlist(query) )
}
Vue專案api管理以及axios封裝請求
在平常開發中我們需要很多的網路請求,有的同乙個頁面有多個請求,在介面眾多情況下api管理愈發困難,維護及其不方便,下面我根據axios研究出乙個api管理方案,話不多說開始 ctrl v 開始之前需要安裝axios 專案根目錄命令列輸入 npm install axios s目錄結構為 src sr...
Vue多環境配置
大家都知道,使用vue cli腳手架生成的vue專案只有開發環境和生產環境,然而在實際開發中,用到的不止這些環境,還包括測試環境,準生產環境等等。所以需要自己新增沒有的環境。以測試環境為例,配置如下 package.json檔案下scripts節點物件中新增一條屬性。test node build ...
vue結合axios登入攔截新增token
1.首先登入之前需要用到全域性的前置守衛 防止輸入路由直接登入 根據自己習慣,可以在main.js也可以 import vue from vue import vuerouter from vue router vue.use vuerouter const mylogin import views...