溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

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

vue2.0跨域問題怎么解決

發(fā)布時間:2022-03-07 15:01:07 來源:億速云 閱讀:378 作者:iii 欄目:web開發(fā)

本篇內容主要講解“vue2.0跨域問題怎么解決”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“vue2.0跨域問題怎么解決”吧!

一種解決方案:

一般的情況下后臺都會去設置cors(小編在這里不再絮叨,又興趣的小伙伴可以留言或者咨詢自己的后臺);

另一種解決方案:

修改vue的配置文件,首先先找到vue的config文件夾下面的index.js文件;

再index.js文件中的module.exports 下面的dev中找到 proxyTable: {},

proxyTable: {

      '/launcher': {

        target: 'http://112.33.16.75:8099', // 目標域名

        changeOrigin: true, //true 虛擬一個服務端接收你的請求并代你發(fā)送該請求

        pathRewrite: {

          '^/launcher': '/launcher' 

        }

      },

      // 可以寫多個

      // '/map': {

      //   target: 'http://api.map.baidu.com', // 目標域名

      //   changeOrigin: true,

      //   pathRewrite: {

      //     '^/map': '/map' 

      //   }

      // }

    },

這個時候,我們在使用url的時候,

只需要寫/launcher就可以代表http://112.33.16.75:8099/launcher

注:此配置僅限開發(fā)環(huán)境使用,生產環(huán)境小編后續(xù)會跟上的!

到此,相信大家對“vue2.0跨域問題怎么解決”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續(xù)學習!

向AI問一下細節(jié)

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

vue
AI