vuejs如何利用CORS解决跨域

CORS(Cross-Origin Resource Sharing)是一种跨域资源共享的解决方案,可以让网站服务器向浏览器允许跨域访问,从而避免了JSONP方式的一些安全问题。

解决方法如下:

在响应头中添加Access-Control-Allow-Origin字段

const express = require('express');
const app = express();

app.get('/api/data', (req, res) => {
  res.setHeader('Access-Control-Allow-Origin', 'http://localhost:8080');
  res.json(data);
});

在Vue.js中发送请求

axios.get('http://api.example.com/data', {
  withCredentials: true
}).then(response => {
  console.log(response.data);
}).catch(error => {
  console.error(error.message);
});
以上是编程学习网小编为您介绍的“vuejs如何利用CORS解决跨域”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。

本文标题为:vuejs如何利用CORS解决跨域

基础教程推荐