Vue解决跨域问题（前后端）

最新推荐文章于 2024-07-25 15:19:10 发布

酷酷ku

最新推荐文章于 2024-07-25 15:19:10 发布

阅读量310

点赞数 1

文章标签： vue.js javascript 前端 spring boot

本文链接：https://blog.csdn.net/weixin_51346438/article/details/129306203

版权

前端：

在vue.config.js中黏贴如下代码：（在设置完成后记得重启，若发现配置文件未生效，可尝试在终端运行npm run build后重试）

module.exports = {

  devServer: {               

      port: 9876,  //选填

      proxy: {                 //设置代理

          '/api': {              //设置拦截器  拦截器格式

              target: 'http://localhost:9090',     //代理的目标地址（后端controller地址）

              changeOrigin: true,              //设置同源

              pathRewrite: {                   //路径重写

                  '^/api': ''                     //选择忽略拦截器里面的内容

              }

          }

      }

  }

}

在后端对应Controller层中加入@CrossOrign的注解，即设置同源解决后端跨域