跨域是前端开发中经常会遇到的问题,说到跨域就不得不介绍一下它出现的原因:发送ajax请求返回数据时受到浏览器的同源策略的限制。
浏览器的同源策略:是指两个页面"协议+域名+端口"三者相同(有一点不同即为跨域),同源策略是浏览器最核心也是最基本的安全功能。
(跨域是指:一个请求中url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域)
第一种解决方案: 使用 Vue-cli 脚手架搭建项目时在项目中创建vue.config.js文件。vue2中使用proxy配置;vue3中使用proxyTable配置。
module.exports = {
devServer : {
proxy || proxyTable: {
'/api': { // 请求的代称,写在Axios里的BaseUrl
target: 'http://localhost:8088/spring', // 真实请求的URL 后台接口域名
ws: true, // //如果要代理 websockets,配置这个参数
secure: true, // 如果是https接口,需要配置这个参数
changeOrigin: true, // 允