在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