前端开发跨域常用配置

1 cors解决跨域 这要看后台大哥心情

2 jsonp

   通过 <script src=""> 的src解决，src不受同源限制 需要定义函数接收返回数据

3vue.config.js 配置

 看起来多 其实都是注释

 module.exports = {  devServer: {

 // 代理配置

proxy: {

    // 如果请求地址以/api打头,就出触发代理机制
    '/api': {
      target: 'http://localhost:2080', // 我们要代理的真实接口地址
      // http://localhost:9567/api/login -> http://localhost:2080/api/login
      // changeOrigin: true, 
      // 如果是false,后端到的请求中的host就是当前浏览器的host：localhost:9567
      // 如果是true, 后端收到的请求中的host就是target的值
      
      // 路径重写
      // 如果我们不光要使得域名修改,而且还需要改变其它路径,则需要做路径重写
      // 比如 我们想把api去掉  
      // http://localhost:9567/api/login -> http://localhost:2080/login
      pathRewrite: {
       '^/api': ''
      }
  }
}