vue-cli中webpack的跨域代理設(shè)置

首先我使用的Vue-cli2.x的版本,3.0的不知道怎么弄
一般在本地開發(fā)的話會(huì)碰到跨域的問題
其實(shí)堅(jiān)決辦法很簡(jiǎn)單,一個(gè)是讓后端修改跨域限制
這里講下proxyTable的配置

首先在目錄里找到config->index.js->dev:{}
然后修改成

 proxyTable: {
      '/api': {
        target: 'http://xxx.xxx.x.x/',    //主域名   就是你真正要去請(qǐng)求的地方
        changeOrigin: true,   //允許跨域  
        pathRewrite: {
          '^/api': ''
        },
        secure: false
        //重寫路徑,其實(shí)這里就是和上面的target拼接起來(lái)
      }
    },

設(shè)置好后
加入用axios
import axios from "axios";

let url = "/api" + "/xxxxxxxxxxx";
    axios
      .get(url, {
        params: {}
      })
      .then(function(response) {
        console.log(response);
      })
      .catch(function(error) {
        console.log(error);
      });

這樣子跨域問題就解決了,滿足目前開發(fā)需求,dev下只在開發(fā)環(huán)境有限,生產(chǎn)的話都是基本都是同一個(gè)域名沒什么關(guān)系.

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容