vue【跨域问题】

最新推荐文章于 2024-06-20 23:05:39 发布

山有扶苏..

最新推荐文章于 2024-06-20 23:05:39 发布

阅读量199

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/luobifeiyeshi0/article/details/130954802

版权

文章目录

一、什么是跨域？
二、解决跨域
三、配置代理

一、什么是跨域？

跨域问题即同源策略问题
同源策略：浏览器的一种安全协议，协议（http、https）、主机（域名、IP（公网IP、局域网IP））、端口号其中一个对应不上就会产生同源策略，从而产生跨域问题。

二、解决跨域

1.后台直接放开

缺点：不安全

2.JSONP

原理：利用script标签中src不受同源策略影响，需要后端配合

3.配置代理

三、配置代理

在vue.config.js中加上

  //   配置代理
  devServer:{
    proxy:{
      //   代理的名字
      '/course-api':{
        //   代理的地址
        target:'网址[如：http://....com/api/]',
        //   是否跨域
        changeOrigin:true,
        //   路径重写
        pathRewrite:{
          '^/api':''
        }
      },
    }
  }