前後端分離專案解決跨域問題

2021-10-01 09:16:25 字數 482 閱讀 6240

後台我使用的ssm框架搭建,前端使用vue-cli腳手架完成。

最開始我在後台寫了過濾器,但是前端請求資料的時候,能夠成功請求,可是在返回的時候報了如下錯誤

經過一番研究後,發現在前端其實就可以處理跨域的問題。步驟如下:

在vue專案下的config資料夾下的 index.js 檔案中設定:

var url = '**********'  //介面api位址

const path = require('path')

module.exports = }},

}

請求路徑的字首加上/api
methods: 

});},

}

最後在瀏覽器就可以看到拿到的資料了

前後端專案分離 跨域問題

1.跨域 說明最少有兩個域,才會出現跨的這種情況 2.跨域問題出現的本質 a.網域名稱不同,b.埠號不同,c.協議 不同 3,瀏覽器的同源策略 非位址列請求 如a頁面在a服 務器,b頁面在b伺服器,在a頁面請求b頁面的資訊就會出現跨域問題,目的是為了保證使用者資訊保安 如果a頁面可以獲取b頁面資訊,...

前後端分離專案,請求跨域解決

前端傳送請求,產生跨域問題 created 控制台報錯 在後端設定允許跨域請求 package com.demo.demobackend.config import org.springframework.context.annotation.bean import org.springframew...

前後端分離跨域問題

access to xmlhttprequest at localhost 8081 user gettoken?username hyly password hyly from origin http localhost 63342 has been blocked by cors policy ...