proxyTable的配置

NicolasHe 發(fā)布于2019-08-22 16:17 / 2258人閱讀

摘要：這里必須這樣寫，我試了一下如果不在全局注冊的話，它還是會(huì)去請求下面的地址在代碼里請求的接口是拼接起來的注意這個(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拼接起來
    }
}

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

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

配合axios使用：

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

注意：

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

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

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

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/94206.html

相關(guān)文章

proxyTable的配置

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

yuanxin 2019-08-02 10:11 評論0 收藏0
vue2.0 proxyTable配置，解決跨域

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

WilsonLiu95 2019-08-22 16:19 評論0 收藏0
vue-cli配置proxyTable 跨域請求

摘要：本地服務(wù)啟動(dòng)端口，項(xiàng)目啟動(dòng)端口，當(dāng)前端用戶提交登錄信息到后端，便產(chǎn)生跨域，可以配置解決跨域問題一進(jìn)入項(xiàng)目下的文件，添加接口的域名如果是接口，需要配置這個(gè)參數(shù)如果接口跨域，需要進(jìn)行這個(gè)參數(shù)配置此處的設(shè)為二在前端發(fā)送請求頁面，設(shè)置請求三啟動(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 評論0 收藏0
vue-cli項(xiàng)目中的proxyTable跨域問題小結(jié)

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

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

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

張金寶 2019-07-25 14:10 評論0 收藏0