Vue 如何解決跨域請求資料

2021-10-18 16:53:36 字數 1102 閱讀 2205

vue 請求資料我採用了 axios


第一步： 開啟cmd 進入到vue的專案目錄 然後執行下面的命令安裝axios
npm install axios
第二步： 配置axios 首先開啟專案的main.js  匯入axios，新增以下**
import axios from 'axios'


vue.prototype.$axios = axios;
如果不跨域此時的請求介面**如下：

const that = this;


this.$axios.get("/dic/list")//假如此時的vue專案的埠是8081，


//此時訪問位址是http://localhost:8081/dic/list ,目前的請求資料沒有跨域


.then(function(response) )


.catch(function(error) );
第一步：開啟config的index.js ，找到proxytable ，設定一下**

proxytable: 


}},
第二步：開啟main.js 繼續設定 新增下面的**

axios.defaults.baseurl = '/api'
第三步：重啟專案 重新執行 （必須重啟！！！）

npm run dev
第四步：請求**和上面的一樣

const that = this;


this.$axios.get("/dic/list")此時的vue專案的埠是8081


//此時訪問位址是http://localhost:8081/api/dic/list 


//但實際請求的是http://localhost:8888/school/dic/list


.then(function(response) )


.catch(function(error) );
以上就是解決vue跨域請求資料的問題。

跨域 如何解決

當乙個請求url的協議 網域名稱 埠三者之間任意乙個與當前的url不同即為跨域 ex http www.和https www.就是協議上的跨域 http https www.baidu.com 和www.test.com 就是主網域名稱不同 baidu test www.test.com 和blog...

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請求與...