Vue+Express 实现跨域方法

1.设置代理：

  -- config／index.js 中，找到dev:{ }, 在这里面设置一个proxyTable

 proxyTable: {
        '/api/':{
            target:'http://210.16.188.194:8090',
            changeOrinin:true,
            pathRewrite:{
                '^/api':''
            }
        }
    },

    参数：　

　　target : 写你需要访问的地址 比如说我需要访问的接口是这个下面的某个文件，我只需要写到端口号即可  

　　changeOrinin : true  设置为true

　　然后就可以使用axios去请求了！      this.$axios.get('api/xxxxxxxxxxxxxxxxx').then(data=>{})....

---

2.Node app.all（）

    代码：

app.all('*',function (req, res, next) {
  res.header('Access-Control-Allow-Origin', 'http://localhost:8080');
  res.header('Access-Control-Allow-Headers', 'Content-Type');
  res.header('Access-Control-Allow-Methods', 'PUT, POST, GET, DELETE, OPTIONS');
　next();　
});

---

3.Node cors

    安装cors包

# npm install cors --save

    代码

const cors = require('cors');  
app.use(cors({  
    origin:['http://localhost:8080'],
    methods:['GET','POST'],
}));

后端NodeJS获取自定义Header

通过req.headers.自定义属性获得自定义的头部数据

前端跨域二次请求

当我们跨域使用自定义Header的时候，前端会发出两次HTTP请求，第一次类型为OPTION，以向后端验证“跨域中哪些Header可以拥有正常访问权限”，然后发出真正的第二次HTTP请求。 

---

Github：https://github.com/Lil-El/Movie