Vue项目解决跨域

什么是跨域？

     跨域就是浏览器的同源策略（Sameoriginpolicy）引起的，跨域就是浏览器一个域名去另一个域名去请求数据，只要域名（http/https）、协议（127.0.0.1或www.baidu.com）、端口号（8080/5500）不一致的就是跨域。

举个简单的例子就知道了：

 解决跨域：

        在vue项目里创建一个vue.config.js文件，跟src是同级文件。然后在里面配置跨域

module.exports = ({
  publicPath: './',// 配置相对路径
  lintOnSave: env !== 'production',
  devServer: {
    host: '127.0.0.1',
    //跨域
    proxy: {
      '/api': {
        target: 'http://127.0.0.1:3000',//这里是后端给的真实地址
        changeOrigin: true,//是否开启跨域，true：开启，false：关闭
        ws: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
});

本篇文章只是我个人加深印象所写，如果有什么更好的方法，可以跟我分享一下，谢谢。