webpack 開發環境可以使用proxyTable 來代理跨域,生產環境的話可以根據各自的服務器進行配置代理跨域就行了。在我們的項目config/index.js 文件下可以看到有一個proxyTable的屬性,我們對其簡單的改寫
proxyTable: { '/api': { target: 'http://api.douban.com/v2',//接口域名 changeOrigin: true,//是否跨域 pathRewrite: { '^/api': '' //需要rewrite重寫
} } }
這樣當我們訪問
localhost:8080/api/movie
的時候 其實我們訪問的是
http://api.douban.com/v2/movie
這樣便達到了一種跨域請求的方案。