本篇文章基於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...