使用Axios和VueX的Vue应用被本地主机上的CORS阻止:3000？

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000', // 将请求代理到本地主机的3000端口
        changeOrigin: true,
        pathRewrite: {
          '^/api': '' // 如果接口路径中有/api前缀，可以通过pathRewrite将其移除
        }
      }
    }
  }
}

axios.get('/api/example', { withCredentials: true })
  .then(response => {
    // 处理响应数据
  })
  .catch(error => {
    // 处理错误
  });

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

app.use((req, res, next) => {
  res.setHeader('Access-Control-Allow-Origin', 'http://localhost:8080'); // 允许来自http://localhost:8080的跨域请求
  res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE'); // 允许的请求方法
  res.setHeader('Access-Control-Allow-Headers', 'Content-Type, Authorization'); // 允许的请求头
  res.setHeader('Access-Control-Allow-Credentials', true); // 允许携带凭证信息
  next();
});

// 处理其他路由和请求

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