js-vue配置proxy跨域代理服务器 后台nodejs设置跨域

开发环境 proxy 代理服务器设置 vue2

在vue.config.js里面添加爱

// 在请求路径前添加 /api 对应的配置路径触发
module.exports = {
 devServer: {
    proxy: {
      '/api': { // 触发匹配路径
        target: 'http://lianghj.top:3000', // 代理跳转到的站点
        changeOrigin: true, // 允许跨域 控制host值
        ws: true, // 用于支持websocket
        pathRewrite: { // 重写路径: 去掉路径中开头的'/api'
          '^/api': ''
        }
      }
    }
  }
}

nodejs后台设置跨域

// CORS & Preflight request
app.all('*', (req, res, next) => {
  // use "*" here to accept any origin
  res.setHeader("Access-Control-Allow-Origin", "*"); // 指定允许其他域名访问
  res.setHeader("Access-Control-Allow-Credentials", "true");
  res.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE"); // 允许的请求方法 * 代理所有
  res.setHeader("Access-Control-Allow-Headers", "*"); // 请求头
  next();
})