Access to XMLHttpRequest at ‘http://localhost:3000/xxx‘ from origin ‘xxxx‘ has been blocked by COR

在本地使用node写的接口，使用postman可以正常访问，可是在vue项目中使用axios访问时出现跨域问题。只需让res返回数据时加上res.header('Access-Control-Allow-Origin', '*'); 即可

小k铁柱

6730人浏览 · 2020-10-16 22:13:00

小k铁柱 · 2020-10-16 22:13:00 发布

在本地使用node写的接口，使用postman可以正常访问，可是在vue项目中使用axios访问时出现跨域问题。
在这里插入图片描述

只需让res返回数据时加上 res.header('Access-Control-Allow-Origin', '*'); 即可

在这里插入图片描述

使用app.all

app.all('*', function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "X-Requested-With");
    res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
    res.header("X-Powered-By", ' 3.2.1')
    res.header("Content-Type", "application/json;charset=utf-8");
    next();
});

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^