vue——前端跨域

***針對的是不一樣域名、不一樣協議的跨域：

一、找到config文件中開發環境的配置文件——dev.env.js,在裏面將要跨域的域名配置進去

 

二、找到config文件中線上環境的配置文件——prod.env.js,在裏面將要跨域的域名配置進

 

 三、配置完後，還須要在config的index.js中配置對外的跨域域名，target的值爲要跨域的域名（其餘文件才能正常找到這個域名）

 

注：^api 默認替代了你要跨域的接口的域名

因此，在調用跨域接口的地方，跨域直接以 /api/***的形式去訪問

 

 這個時候，還會出現一個問題，明明寫的是post的方法，可是爲貓會被瀏覽器解析爲OPTIONS

說到底，是這個跨域的問題沒有完全解決，還有一個頑症待治理

簡單的說，就是「非簡單請求」在跨域時，瀏覽器會默認自動幫你發一個OPTIONS請求，到服務器端請求服務器確認該請求的合法性，服務器端必須得有相應的路由處理該請求，並認真返回200響應，而後瀏覽器纔會再次發出正常的、你須要的請求。

這個你能夠和大家的後端商量，固然，若是後端大哥說會影響網站安全性這個問題，你也能夠本身判斷，下降請求複雜程度，將「複雜請求」降至「簡單請求」

找到接口的攔截器部分，加上url的判斷，不是本服務器上的域名，就降級（個人就一個跨域的域名，因此用的是==判斷的）

 

這是我處理的方法，百度借鑑，可是一步一步走下來，另有收貨，但願對有須要的人有幫助