proxyTable的配置

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

摘要：這里必須這樣寫，我試了一下如果不在全局注冊的話，它還是會去請求下面的地址在代碼里請求的接口是拼接起來的注意這個方法只是講了應該怎樣配置。

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

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

以前的老項目里是寫成這樣的：

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設置成全局屬性，然后再給每個請求地址引用一下。
//這里必須這樣寫，我試了一下如果不在全局注冊api的話，它還是會去請求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.這個方法只是講了proxyTable應該怎樣配置。

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

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

GPU云服務器云服務器 proxyTable vps的配置 cdn的配置主從復制的配置

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

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

proxyTable的配置

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

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

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

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

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

caoym 2019-08-23 17:00 評論0 收藏0
vue-cli項目中的proxyTable跨域問題小結(jié)

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

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

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

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