vue项目中常用解决跨域的方法

跨域问题的出现是由于浏览器的同源策略问题。所谓的同源必须有以下三个相似之处：相同的协议、相同的主机和相同的端口。如果其中一个不同，即非同源请求，则会产生跨域。当我们要求接口时，它会出现：Access-Control-Allow-Origin 字眼说明要求跨域。

• CROS是 Cross-Origin Resource Sharing缩写和翻译意味着跨域资源共享。它由一系列传输HTTP头部组成，这些HTTP头会决定浏览器是否阻止前端 JavaScript跨域请求响应代码。
• CORS实现相对简单方便，只需增加一些 HTTP只要后端实现，服务器就可以声明允许的访问源。 CROS跨域实现。

• 代理转发目标服务器通过启动本地服务器。跨域只针对浏览器，针对浏览器node服务发出的请求不会域，从而解决跨域问题。
• 在vue.config.js文件

devServer: { 
             proxy: { 
               '/api': { 
        //代理标志通常是每个接口前的相同部分         target: 'http://23.15.11.15:8000', // 这是访问界面的域名和端口号         changeOrigin: true, // 允许跨域请求         pathRewrite: { 
         // 重写路径，替换请求地址中的指定路径           '^/api': '/user'         }       },       '/login': { 
            target: 'http://23.15.11.15:8000',    changeOrigin: true,    pathRewrite:{ 
              '^/login':''  ///替换空    }     }     }   }, 

• http://localhost:8080/api/test --> http://23.15.11.15:8000/user/test
• http://localhost:8080/login/index–> http://23.15.11.15:8000/index

devServer: { 
          proxy: 'http:/www.ljc.com' } 

• http://localhost:8080/api/test --> http://www.ljc.com/api/test
• http://localhost:8080/login/index–> http:/www.ljc.com/login/index