proxyTable的配置

yuanxin 發(fā)布于2019-08-02 10:11 / 2862人閱讀

摘要：這里必須這樣寫，我試了一下如果不在全局注冊(cè)的話，它還是會(huì)去請(qǐng)求下面的地址在代碼里請(qǐng)求的接口是拼接起來(lái)的注意這個(gè)方法只是講了應(yīng)該怎樣配置。

在dev環(huán)境下面：

proxyTable: {  
    "/api": {  
        target: "http://api.douban.com/v2",    //主域名，以前我都寫192.168.2.57:80，這里跨域了  
        changeOrigin: true,   //允許跨域  
        pathRewrite: {         
            "^/api": ""  
        }  
        //重寫路徑，其實(shí)這里就是和上面的target拼接起來(lái)
    }
}

以前的老項(xiàng)目里是寫成這樣的：

proxyTable: {  
    "/middleware": {  
        target: "http://192.168.2.57:80",  
        pathRewrite: {  
             "^/middleware": "/patient/1116/guangji/middleware"   //上下拼接，組成完整的請(qǐng)求路徑  
        },  
        changeOrigin: true,  
    }  
}

配合axios使用：

//在main.js中：  
  
Vue.prototype.HOST = "/api"     
  
//將api設(shè)置成全局屬性，然后再給每個(gè)請(qǐng)求地址引用一下。
//這里必須這樣寫，我試了一下如果不在全局注冊(cè)api的話，它還是會(huì)去請(qǐng)求192.168.2.57:8888下面的地址  
  
//在代碼里：  
  
this.axios.get(this.HOST + "/movie/in_theaters").then((response) => {  
    console.log(response);  
})   
//請(qǐng)求的接口是：http://api.douban.com/v2/movie/in_theaters  拼接起來(lái)的

注意：

1.這個(gè)方法只是講了proxyTable應(yīng)該怎樣配置。

2.只能用在開(kāi)發(fā)環(huán)境中，生產(chǎn)環(huán)境怎么用我還要再研究一下。

3.千萬(wàn)別忘了在main.js中引入api作為全局變量。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/52186.html

相關(guān)文章

proxyTable的配置

摘要：這里必須這樣寫，我試了一下如果不在全局注冊(cè)的話，它還是會(huì)去請(qǐng)求下面的地址在代碼里請(qǐng)求的接口是拼接起來(lái)的注意這個(gè)方法只是講了應(yīng)該怎樣配置。在dev環(huán)境下面： proxyTable: { /api: { target: http://api.douban.com/v2, //主域名，以前我都寫192.168.2.57:80，這里跨域了 ...

NicolasHe 2019-08-22 16:17 評(píng)論0 收藏0
vue2.0 proxyTable配置，解決跨域

摘要：什么是同源策略同源策略是一種約定，它是瀏覽器最核心也最基本的安全功能，如果缺少了同源策略，則瀏覽器的正常功能可能都會(huì)受到影響?？梢哉f(shuō)是構(gòu)建在同源策略基礎(chǔ)之上的，瀏覽器只是針對(duì)同源策略的一種實(shí)現(xiàn)。 vue瀏覽器跨域問(wèn)題及解決辦法一、問(wèn)題當(dāng)瀏覽器報(bào)如下錯(cuò)誤時(shí)，則說(shuō)明請(qǐng)求跨域了。 localhost/:1 Failed to load http://www.thenewstep.cn/...

WilsonLiu95 2019-08-22 16:19 評(píng)論0 收藏0
vue-cli配置proxyTable 跨域請(qǐng)求

摘要：本地服務(wù)啟動(dòng)端口，項(xiàng)目啟動(dòng)端口，當(dāng)前端用戶提交登錄信息到后端，便產(chǎn)生跨域，可以配置解決跨域問(wèn)題一進(jìn)入項(xiàng)目下的文件，添加接口的域名如果是接口，需要配置這個(gè)參數(shù)如果接口跨域，需要進(jìn)行這個(gè)參數(shù)配置此處的設(shè)為二在前端發(fā)送請(qǐng)求頁(yè)面，設(shè)置請(qǐng)求三啟動(dòng) 本地express服務(wù)啟動(dòng)端口3000， vue-cli項(xiàng)目啟動(dòng)端口8080，當(dāng)前端用戶提交登錄信息到后端，便產(chǎn)生跨域，可以配置 proxyTab...

caoym 2019-08-23 17:00 評(píng)論0 收藏0
vue-cli項(xiàng)目中的proxyTable跨域問(wèn)題小結(jié)

摘要：由兩部分組成回調(diào)函數(shù)和數(shù)據(jù)?；卣{(diào)函數(shù)是當(dāng)響應(yīng)到來(lái)時(shí)應(yīng)該在頁(yè)面中調(diào)用的函數(shù)?；卣{(diào)函數(shù)的名字一般是在請(qǐng)求中指定的。動(dòng)態(tài)創(chuàng)建標(biāo)簽，設(shè)置其，回調(diào)函數(shù)在中設(shè)置在頁(yè)面中，返回的作為參數(shù)傳入回調(diào)函數(shù)中，我們通過(guò)回調(diào)函數(shù)來(lái)來(lái)操作數(shù)據(jù)。什么是跨域？同源策略規(guī)定了如果兩個(gè) url 的協(xié)議、域名、端口中有任何一個(gè)不等，就認(rèn)定它們跨源了。跨域的解決方式有哪幾種？ 1.JSONP 是 JSON with ...

lidashuang 2019-08-26 11:40 評(píng)論0 收藏0
vue-cli項(xiàng)目中的proxyTable跨域問(wèn)題小結(jié)

摘要：由兩部分組成回調(diào)函數(shù)和數(shù)據(jù)。回調(diào)函數(shù)是當(dāng)響應(yīng)到來(lái)時(shí)應(yīng)該在頁(yè)面中調(diào)用的函數(shù)?；卣{(diào)函數(shù)的名字一般是在請(qǐng)求中指定的。動(dòng)態(tài)創(chuàng)建標(biāo)簽，設(shè)置其，回調(diào)函數(shù)在中設(shè)置在頁(yè)面中，返回的作為參數(shù)傳入回調(diào)函數(shù)中，我們通過(guò)回調(diào)函數(shù)來(lái)來(lái)操作數(shù)據(jù)。什么是跨域？同源策略規(guī)定了如果兩個(gè) url 的協(xié)議、域名、端口中有任何一個(gè)不等，就認(rèn)定它們跨源了。跨域的解決方式有哪幾種？ 1.JSONP 是 JSON with ...

張金寶 2019-07-25 14:10 評(píng)論0 收藏0