解决Spring+Vue的跨域问题

最新推荐文章于 2025-06-10 11:40:31 发布

eqa11

最新推荐文章于 2025-06-10 11:40:31 发布

阅读量1.2k

点赞数 17

CC 4.0 BY-SA版权

文章标签： spring vue.js java

本文链接：https://blog.csdn.net/NiNg_1_234/article/details/145209142

文章目录

解决Spring+Vue的跨域问题

解决Spring+Vue的跨域问题

在这里插入图片描述

一、引言

在前后端分离的开发模式中，Spring和Vue是常用的后端和前端框架。然而，在开发过程中，我们经常会遇到跨域问题，即浏览器出于安全考虑，限制了不同源之间的请求。本文将介绍如何在Spring和Vue项目中解决跨域问题，确保前后端能够顺利通信。

二、前端Vue配置代理解决跨域

1、配置代理

在Vue项目中，可以通过修改vue.config.js文件来配置代理，将前端请求转发到后端服务器。具体步骤如下：

在项目根目录下创建或修改vue.config.js文件。

添加代理配置，如下所示：

JavaScript复制

module.exports = {
     
     
    devServer: {
     
     
        proxy: {
     
     
            '/api': {
     
     
                target: 'http://localhost:8081', // 后端服务器地址
                changeOrigin: true,
                pathRewrite: {
     
     '^/api': ''} // 重写路径，去掉/api前缀
            }
        }
    }
};