前端 后端 Nginx代理，解决跨域问题

关于跨域的问题

跨域问题是指在不同域名、协议或端口下的网站或应用程序之间进行数据交换时出现的问题。这种问题的根本原因是由同源策略引起的。同源策略是指在一个网站或应用程序中，只能访问同源的资源，即域名、协议和端口都必须相同。当页面在执行一个脚本时，它会检查访问的资源是否同源。如果非同源，在请求数据的时候浏览器会在控制台报一个异常，提示拒绝访问。这是为了阻止用户读取到另一个域名下的内容，以保护用户的安全和隐私。

跨域问题可以通过几种方式解决

一、 Nodejs 代理

JSONP 包含两部分：回调函数和数据。回调函数是当响应到来时要放在当前页面被调用的函数。数据就是传入回调函数中的 json 数据，也就是回调函数的参数了

module.exports = {
   
  dev: {
   
    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
   
      '/api': {
   
        target: 'http://xxx.xxx.xxx.xxx:8080', // 你请求的第三方接口
        changeOrigin: false, // 在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
        pathRewrite: {
    // 路径重写，
          '^/api': '' // 替换target中的请求地址。
        }
      },