解决跨域的问题简单介绍

1.  cors   后端人员配置通过在请求头中加入cors信息（真正意义上的解决跨域） 但是存在任何人都可以随便从服务器上获取到数据

2. jsonp   script中的src ，在引入外部资源不受同源限制。需要前后端一起配合。只能解决get请求，不能解决post请求

3. 代理服务器。粉色8080（代理服务器）和蓝色5000（真正服务器）同为服务器之前请求用不到ajax指挥室http之间的请求所以不受同源限制

 

    ①经典开启代理服务器   nginx （后端主要使用技术）

    ②借助vue-cli，在最外层使用vue.config.js。 官网：https://cli.vuejs.org/zh/config/#devserver-proxy

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: '<url>',
        ws: true,
        changeOrigin: true
      },
      '/foo': {
        target: '<other_url>'
      }
    }
  }
}