Vue axios跨域請求解決方案

2021-10-24 14:34:07 字數 1027 閱讀 2465

前端頁面的位址

http://localhost:8080/
後端介面位址

http://localhost:3005/
1、在main.js新增一下**

import axios from 'axios'

vue.prototype.$axios = axios

axios.defaults.baseurl = '/api'

2、對vue專案根目錄下的vue.config.js進行如下配置

module.exports = }}

}}

3、發起請求

this.$axios

.get("/")

.then(res => )

.catch(error => );

但是我自己進行如下配置報了錯誤

proxy error: could not proxy request / from localhost:8080 to localhost:5000.

see for more information (enotfound).

後來試了下注釋掉host和port就可以正常跨域了

module.exports = }}

}}

然後就能正常的獲取資料了

小白一枚,也搞不太懂這是為啥,希望有大牛解釋一下,也避免遇到同樣情況的兄弟也和我一樣踩坑

Vue axios跨域請求

1.安裝axios.npm install axios2.在config目錄下的index.js設定proxytable proxytable 3.在main.js引入axios模組 import axios from axios vue.prototype.axios axios axios.de...

Vue axios跨域post請求

今天被axios的跨域請求燒腦了,爬了很多文章終於能正常ajax了,在此記錄一下方法.在專案目錄中安裝這兩個外掛程式 npm i axios npm i qs 解釋一下為啥要安裝qs,我用的後端是原生的php.通過axios傳送的請求是payload形式的,但是例如jq,是以form 表單提交的資料...

跨域請求解決方案

1.什麼叫js跨域請求 js跨域是指通過js在不同的域之間進行資料傳輸或通訊,比如用ajax向乙個不同的域請求資料,或者通過js獲取頁面中不同域的框架中 iframe 的資料。什麼是不同的域 只要協議 網域名稱 埠有任何乙個不同,都被當作是不同的域。2.下面貼上一段請求 這用的是angularjs編...