vue proxy代理跨域

target:"http://user.zhangpeiyue.com",//訪問的服務器地址
        changeOrigin:true,//true爲開啓代理
        pathRewrite:{
            '^/user': '/'//路徑的替換規則
        }

 

changeOrigin的屬性值爲一個布爾值，

若是設置爲true，那麼本地會虛擬一個NODE服務端接收你的請求並代你發送該請求(中間件)。[本質上是本地開了一個服務器dev-server，全部的請求都經過這裏轉發出去。]

由於服務端語言是沒有跨域問題的，因此這樣最終就解決了跨域問題了。不過這隻適用於開發環境，上線後能夠使用反向代理nginx。

 

解釋爲啥開發環境這種 proxy代理不能夠：這種配置自己在devServer配置，基於node環境，因此只適合本地開發使用。在生產環境在，前端項目部署在Apache中 不具有這種條件，官方也不支持這種作法。

生產環境使用Nginx反向代理或者搭配後端使用CORS進行跨域