簡單記錄一下vue的http請求配置相關

測試環境請求接口設置:
　　1.??config/dev.env.js添加：
　　　　module.exports = merge(prodEnv, {
　　　　　　NODE_ENV: '"development"',
　　　　　　API_ROOT: '"http://"', //配置http請求頭
　　　　})

　　2. config/index.js 配置：
　　　　dev: {
　　　　　　proxyTable: {
　　　　　　　　//設置代理,連接后臺地址
　　　　　　　　'/api': {
　　　　　　　　　　target: , "http://"// 目標接口
　　　　　　　　　　pathRewrite: { '^/api': '' }, // 替換對應標識符，非必需
　　　　　　　　},
　　　　　　},
　　　　}

　　3.??在使用axios請求時：設置默認:axios.defaults.baseURL

之前設置的時候因為沒有理解透，導致雖然設置了以上的步驟，但是還是沒有搞定，于是搜索，就有了下面這個不算特別好的方法

　　1.?axios請求攔截：設置請求接口,可以在axios請求時，攔截請求修改；

　　　　1.?在config/dev.env.js中配置完接口后進行配置
　　　　　　//設置axios 攔截配置
　　　　　　var root = process.env.API_ROOT;
　　　　　　axios.interceptors.request.use((config) => {
　　　　　　　　//請求之前重新拼裝url
　　　　　　　　config.url = root + config.url;
　　　　　　　　return config;
　　　　　　})

這個axios的配置是因為我單獨將axios的請求方法重新封裝成了一個http.js文件寫在里面的，具體細節可能會有差別

轉載于:https://www.cnblogs.com/xya-b/p/11090186.html

總結

以上是生活随笔為你收集整理的vue请求简单配置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。