Vue跨域請求問題解決方案過程解析
更新時間：2020年08月07日 11:16:49 作者：不放棄自己
這篇文章主要介紹了Vue跨域請求問題解決方案過程解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
一、這是我們本次要請求的url接口地址http://iwenwiki.com/api/blueberrypai/getBlueBerryJamInfo.php
查看頁面響應信息，提示跨域有問題
####
二、解決上面跨域問題：根目錄寫入以下vue.config.js
// vue.config.js
module.exports = {
devServer: {
proxy: {
// 配置跨域
'/api': {
target: 'http://iwenwiki.com',
ws: true,
changOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
},
}
三、然后在發(fā)送ajax請求的地方做如下操作，使用在上面文件中配置的api。api/blueberrypai/getBlueBerryJamInfo.php是我的請求路徑一部分，根據(jù)自己具體需求寫。然后請求就可以成功發(fā)送。
配置完成之后一定要重啟（重點?。。。?/p>
####
四、如果想不填寫其中“/api”,也可以去main.js中配置全局配置，具體如下
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家詳細介紹了Vue編寫一個挺靠譜的多地區(qū)選擇組件的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
指令 (Directives) 是帶有 v- 前綴的特殊特性。這篇文章主要介紹了Vue 自定義指令實現(xiàn)一鍵 Copy的功能,需要的朋友可以參考下2019-09-09
這篇文章主要為大家詳細介紹了vue實現(xiàn)循環(huán)滾動列表，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-06-06
這篇文章主要介紹了Vue項目實現(xiàn)換膚功能的一種方案分析，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-08-08
vue-codemirror是一個基于Vue的代碼在線編輯器組件,它封裝了CodeMirror編輯器,使得在Vue項目中可以方便地使用CodeMirror,下面我們就來看看vue-codemirror的具體使用吧2024-02-02
最近在學習vue的源碼，總結(jié)了幾種vue中父子組件傳遞數(shù)據(jù)的方法。具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
Vue props 單向數(shù)據(jù)流的實現(xiàn)
這篇文章主要介紹了Vue props 單向數(shù)據(jù)流的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
vuecli4插件svg-sprite-loader使用svg圖標
這篇文章主要為大家介紹了vuecli4插件svg-sprite-loader使用svg圖標示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
這篇文章主要介紹了Vue如何引入icon圖標,本文通過圖文并茂的形式給大家介紹的非常詳細，需要的朋友可以參考下2018-03-03
本文介紹了如何在Vue3項目中封裝一個時間信息收集組件,采用雙向綁定響應式數(shù)據(jù),通過對Element-Plus的Slider組件二次封裝,實現(xiàn)時間軸功能,解決了小數(shù)計算導致匹配問題和v-model綁定組件無效問題,感興趣的朋友跟隨小編一起看看吧2024-09-09