proxyTable的配置

在dev環境下面:ios

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

之前的老項目裏是寫成這樣的:axios

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

配合axios使用:api

//在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應該怎樣配置。this

2.只能用在開發環境中,生產環境怎麼用我還要再研究一下。prototype

3.千萬別忘了在main.js中引入api做爲全局變量。code

相關文章
相關標籤/搜索