Vuejs和Nodejs的请求资源上不存在'Access-Control-Allow-Origin‘标头

npm install cors

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

// 允许所有源访问资源
app.use(cors());

// 或者，只允许特定的源访问资源
app.use(cors({
origin: 'http://example.com', // 允许的源
methods: ['GET', 'POST'], // 允许的HTTP方法
allowedHeaders: ['Content-Type', 'Authorization'] // 允许的请求头
}));

app.get('/data', (req, res) => {
res.json({ message: 'This is data from the server.' });
});

app.listen(3000, () => {
console.log('Server is running on port 3000');
});

app.get('/data', (req, res) => {
res.setHeader('Access-Control-Allow-Origin', '*'); // 允许所有源
// 或者
// res.setHeader('Access-Control-Allow-Origin', 'http://example.com'); // 只允许特定源

res.json({ message: 'This is data from the server.' });
});

module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:3000', // Node.js服务器地址
changeOrigin: true,
pathRewrite: { '^/api': '' },
},
},
},
};