vue新增多axios 多環境請求

2022-07-10 16:03:12 字數 534 閱讀 5058

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...