vue2 x跨域請求資料

2022-09-10 07:45:10 字數 1342 閱讀 9810

本篇文章基於vue-cli編寫

首先,要想實現跨域請求資料,就離不開vue.config.js和axios,所以如果沒有vue.config.js這個檔案的話,就得先建立vue.config.js這個檔案

建立位置如下(注意與package.json在同一級目錄下)

在vue.config.js中新增**資訊

module.exports = //重寫請求路徑,將路徑中的'/api1'替換成'' 

},'/api2': }}

}}/*

changeorigin設定為true時,伺服器收到的請求頭中的host為:localhost:5000(***.x.***.xx:8800)

changeorigin設定為false時,伺服器收到的請求頭中的host為:localhost:8080

changeorigin預設值為true

*/

安裝axios:npm i axios

在需要使用axios的地方引入axios: import axios from 'axios'

axios(config)

axios(

});

axios(url[, config])
// 傳送 get 請求(預設的方法)

axios('/user/12345');

使用別名訪問
axios.request(config)

axios.get(url[, config])

axios.delete(url[, config])

axios.head(url[, config])

axios.options(url[, config])

axios.post(url[, data[, config]])

axios.put(url[, data[, config]])

axios.patch(url[, data[, config]])

請求配置

請看官網axios

使用案例

//http://localhost:8080發出請求的伺服器協議,ip,埠號

jQuery PHP跨域請求資料

jquery 1 獲取網域名稱 2function getdomain url 89 記錄訪客 10function recordvisitor 19 datatype jsonp 20 jsonp callback 21 jsonpcallback returnfun 22 success fun...

ajax跨域請求資料

最近開始接觸ajax的跨域請求問題,相比網上說的一大堆,我這裡就說得比較淺顯了。關於為什麼要跨域這個問題,實際的需求是當 專案部署在乙個網域名稱上的時候,分域可以很好地解決 卡頓問題 擁有多台伺服器就另當別論 這種做法現在很常見,多看幾個 細心點就可以看出點門道。下面對比一下跨域之前的ajax請求與...

Vue 如何解決跨域請求資料

vue 請求資料我採用了 axios 第一步 開啟cmd 進入到vue的專案目錄 然後執行下面的命令安裝axiosnpm install axios第二步 配置axios 首先開啟專案的main.js 匯入axios,新增以下 import axios from axios vue.prototyp...