等了好久的接口,總算拿到了,結果卻發現用本地localhost:9712去請求接口的時候,出現了跨域錯誤,而這個時候我們就需要進行下跨域配置了。
首先,找到項目中名為webpack.config.js,在里面找到devServer的配置,如下圖
devServer: { proxy: { '/API': { // 定義代理的名稱 changeOrigin: true, // 是否啟動代理 target: 'http://xijipan.dev.grdoc.org', // 代理的域名
pathRewrite: {'^/API','/'} // 如果你的真實的api路徑中沒有/API這一個路徑,把這句加上,如果本來就有/API這一路徑的話,這句一定要去掉,要不然會導致域名找不到的 } } },
其實,上面那種配置了之后,在配置上已經完成了,但是我們一定要記住一點,我們配置的是代理、代理、代理,既然是代理,那我們就一定要去用了才能起作用,一定要將本地用到接口請求的地方用/API替換掉,要不然肯定不起作用啦。
當然,如果大家還想要詳細了解更多的配置項的話,可以參考這篇文章:https://www.csdn.net/gather_20/OtTakgwsNTQxLWJsb2cO0O0O.html
pathRewrite: {'^/api' : ''}