vue使用axios的本地配置以及線上配置

2021-09-14 06:47:38 字數 994 閱讀 6782

在"main.js"中通過 import 引入 axios 並通過 vue.prototype 進行掛載axios

import axios from 'axios' // install後請終端執行:cnpm install axios

vue.prototype.$axios = axios

config檔案下的index.js------> 找到 proxytable:{} 配置內增加如下內容

proxytable: ,

}

index.js配置完之後本地訪問肯定是沒有問題的了,但是如果發布到線上,照樣還是訪問不到的~~~~

如果既要滿足線上又要滿足線下,,,那還需要配置兩個檔案

config下面的dev.env.js-----

'use strict'

const merge = require('webpack-merge')

const prodenv = require('./prod.env')

module.exports = merge(prodenv, )

config下面的prod.env.js-----

'use strict'

module.exports =

api_host這是名字就是我們自定義的乙個鍵值~大家可隨意更改,但是需要和使用的時候保持一致~~

這兩個js配置完之後在專案啟動的時候它就可以自己去判斷是線上或者是本地來自動切換網域名稱啦~~

export default ;

},mounted(),

methods:).then(res => )

.catch(err => );},}

}

完成~~~~oye~~~~byby~~~~

Vue 中 axios 配置使用

1.安裝axios npm npm install axios s cdn 2.配置axios 在專案中新建api index.js檔案,用以配置axios api index.js import axios from axios function apiaxios method,url,param...

vue3 axios使用配置

安裝axios 和 qs cnpm install axios scnpm install qs s在專案中建立axios.js 尾汁根據自己喜好而定 axios.defaults.baseurl 正式 axios.defaults.baseurl http test 測試 post請求頭 axio...

vue中axios的使用

寫上乙個專案的時候,我們就用到了axios,但是我當時沒怎麼學,不知道從哪下手,這個時候我小夥伴又把咋用的給我整理好了,那我就老老實實的當個廢物,他怎麼說我怎麼用。最後能用,但是不理解為什麼這樣用,正好學vue中的axios時又重新學了一遍。直接拿 來講吧 axios.defaults.baseur...