axios代理proxy解決接口請求跨域問題

項目開發中會向接口請求數據，可是瀏覽器有個同源策略   因此就有了跨域問題

使用proxy代理解決跨域請求數據的問題

首先建立vue項目

在src中建立untils文件夾放置封裝好的axios請求js

axios是用promise進行封裝的

 

                                                                                                                                      建立untils，http

再建立services文件夾放接口，能夠根據需求模塊化封裝

 

                                                                                                                                         接口

在vue項目根目錄下！！必定是根目錄，建立vue.config.js配置文件

裏面放proxy代理，和api

 

                                                                                                                                           config

組件中調用時

以login爲例