解决跨域问题

置顶达不U

于 2022-10-24 11:31:31 发布

阅读量395

点赞数

分类专栏： vue 文章标签： vue.js 前端

本文链接：https://blog.csdn.net/qq_53963503/article/details/127489146

版权

vue 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

解决跨域问题

跨域问题是因为浏览器的同源策略
后端解决
跨域请求代理

使用vue-cli脚手架的项目提供的代理服务器

去vue-cli的官网https://cli.vuejs.org/zh/config/#devserver-proxy
点击devServer.proxy查看文档使用说明

在vue.config.js文件中的devServer中添加proxy的代码

// 代理跨域的配置
    proxy: {
      // 当我们的本地的请求 有/api的时候，就会代理我们的请求地址向另外一个服务器发出请求
      '/api': {
        target: '跨域请求的地址', 
        changeOrigin: true // 只有这个值为true的情况下 才表示开启跨域
      }
    }