Quasar Vue Springboot 跨域问题 No 'Access-Control-Allow-Origin' header is present on the requested

最新推荐文章于 2024-12-02 07:00:00 发布

Sail__

最新推荐文章于 2024-12-02 07:00:00 发布

阅读量5.5k

点赞数 2

分类专栏： vue quasar 文章标签： vue quasar 跨域 Access-Control-Allow-Origin springboot

本文链接：https://blog.csdn.net/diaobatian/article/details/85568140

版权

本文记录了解决Vue（Quasar框架）在Springboot后端遇到的跨域问题。通过在Springboot中添加CorsFilter过滤器，成功处理了跨域请求，使得前端静态内容和API请求能正常加载。

摘要由CSDN通过智能技术生成

困扰了近半个月的跨域问题解决了。

服务端是Springboot，前端是Vue

服务端地址是：http://localhost:8066

前端地址是：http://localhost:6006

前端发送请求使用的是axios，之前设置的baseURL是 process.env.BASE_API，这个baseURL我在别的地方没有指定，因此是空，后来发现静态图片一直加载不上，我把baseURL重新设置正确为：process.env.API，在quasar.conf.js中设置了对应的初始化值： ctx.dev

    build: {
      scopeHoisting: true,
      // vueRouterMode: 'history',
      // vueCompiler: true,
      // gzip: true,
      // analyze: true,
      // extractCSS: false,
      env: ctx.dev
        ? { // so on dev we'll have
          API: JSON.stringify('http://localhost:8066')
        }
        : { // and on build (production):
          API: JSON.stringify('http://69.171.69.13:3000')
        },
      extendWebpack