首先需要安装:cors包。
npm install cors --save
第二步 :服务端
//在main.js ,var app = express()这一行之后
.
.
.
var app = express();
//设置跨域
app.use(cors({
"origin": "*",//此处也可以更替为,允许的指定域名,例如:yousite.com
"methods": "GET,HEAD,PUT,PATCH,POST,DELETE",
"preflightContinue": false,
"optionsSuccessStatus": 200
}));
.
.
.
第三步 服务端提供数据
// 路由文件:/routers/api/user.js
router.get('/', function(req, res, next) {
res.json({name:'jack',age:18,sex:'男'});
});
说明:/routers/api/user.js路由需要在main.js内require和use生效。
第四步 客户端ajax获取数据 (建议是本地的服务器环境,可以http://127.0.0.1:端口号/XXX.html 这样访问的…)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
<script>
$.ajax({
method:'GET',
url:"http://localhost:3000/api/",
contentType: 'application/json',
dataType: 'json'
}).then(function (res) {
var articles = res.data[0];
console.log(articles);
})
</script>
ajax 请求方法2
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
<script>
$.ajax({
method:'GET',
url:"http://localhost:3000/api/",
contentType: 'application/json',
dataType: 'json'
}).done(function (res) {
var articles = res.data[0];
console.log(articles);
})
</script>
ajax 请求方法3
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
<script>
$.ajax({
method:'GET',
url:"http://localhost:3000/api/",
contentType: 'application/json',
dataType: 'json',
success:function(res){
var articles = res.data[0];
console.log(articles);
}
})
</script>