之前的跨域都是後台來解決,因為前端方便的解決方式只有jsonp,但是jsonp只能用於get請求,所以最好的方式只能是後台了;
但現在不行了,後台讓前端解決,原因是後期**部署後就不會存在跨域問題了,後台不解決;那就前端唄。
1、在config/index.js檔案下,由於只有開發環境才會遇到跨域問題,所以只需要在dev中新增proxytable相關設定,
proxytable: {
'/dailiming': { //定義的**名
target: '', //介面位址
changeorigin: true,
pathrewrite: {
'^/dailiming': '/'
2、同時在config/dev.env.js檔案下,將api_host的值改為proxytable裡定義的**名,注意符號
api_host:'"/dailiming/"'
3、正常情況下這種即可正常使用了。
proxytable: {
'/demo': { //定義的**名
target: '', //介面位址
changeorigin: true,
pathrewrite: {
'^/demo': '/'
api_host:'"/demo/"'
改完以後,發現後台response set-cookie的值可以放到前端的request裡面了,這樣後台就可以拿到了,最後也算是差不多解決了
不知道方式對不對,但好在最後可以正常使用了
VUE 跨域設定
相信很多小夥伴在開發過程中遇到比較頭疼的事情之一,就是在本地與非本地環境中的介面進行聯調 至少我一廂情願的這麼認為otz 在最近的開發過程中,不可避免的,我也遇到了這個問題,畢竟在本地yy寫完 再上傳測試實在是太。蛋疼。接下來,我將就我遇到的問題以及解決方式與眾位小夥伴分享 掌聲 在此專案中,我使用...
vue設定跨域 php
前端跨域現在變得越來越簡單了,但是一不下心還是會出錯的,今天嘗試了一下在本地搭建伺服器,使用vue來進行請求一下,沒想到原本很簡單的東西還是會出現一些問題。下面記錄一下正確的寫法 vue設定跨域一般都是下面這樣的 proxytable 請求的時候 this.axios.get api citest ...
vue前端配置,實現跨域
前言 由於現在一般人家使用vue都是使用腳手架進行開發,而腳手架版本一般都是3.0以上的,所以對於我這種初學者來說,學習axios的時候,遇到的問題,網上的解決方案很多都是針對於腳手架2的老古董,所以對於像我這種小白,體驗不是很好。所以在此記錄一下。正文 vue如何解決跨域。解決跨域有兩種方法 1 ...