溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Vue跨域請求問題解決方案過程解析

發(fā)布時間：2020-10-25 00:58:04 來源：腳本之家 閱讀：181 作者：不放棄自己 欄目：開發(fā)技術(shù)

一、這是我們本次要請求的url接口地址http://iwenwiki.com/api/blueberrypai/getBlueBerryJamInfo.php

Vue跨域請求問題解決方案過程解析

查看頁面響應(yīng)信息，提示跨域有問題

Vue跨域請求問題解決方案過程解析####

二、解決上面跨域問題：根目錄寫入以下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ā)送。

Vue跨域請求問題解決方案過程解析

配置完成之后一定要重啟（重點?。。。?/p>

Vue跨域請求問題解決方案過程解析####

四、如果想不填寫其中“/api”,也可以去main.js中配置全局配置，具體如下

Vue跨域請求問題解決方案過程解析Vue跨域請求問題解決方案過程解析

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手