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

问题描述：Vuejs和Nodejs的请求资源上不存在'Access-Control-Allow-Origin'标头。

答案：

这个问题涉及到跨域资源共享（Cross-Origin Resource Sharing，CORS）的机制。当浏览器发起跨域请求时，会先发送一个预检请求（OPTIONS请求）到服务器，以确定是否允许跨域访问。服务器需要在响应中添加'Access-Control-Allow-Origin'标头来指定允许访问的源。

解决这个问题的方法有多种，以下是一种常见的解决方案：

1. 在Node.js服务器端设置响应头： 在Node.js服务器端，可以使用中间件或手动设置响应头来解决跨域问题。在处理请求的代码中，添加以下代码来设置'Access-Control-Allow-Origin'标头：

// 设置允许跨域访问的源，这里设置为允许所有源访问

response.setHeader('Access-Control-Allow-Origin', '*');

// 设置允许的请求方法

response.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS');

// 设置允许的请求头

response.setHeader('Access-Control-Allow-Headers', 'Content-Type');

这样设置后，服务器会在响应中添加'Access-Control-Allow-Origin'标头，允许所有源访问该资源。

1. 使用代理服务器： 另一种解决跨域问题的方法是使用代理服务器。在开发环境中，可以配置一个代理服务器来转发请求，使得请求不再跨域。例如，可以使用webpack-dev-server或http-proxy-middleware来配置代理服务器。

配置示例（使用http-proxy-middleware）：

const proxy = require('http-proxy-middleware');

module.exports = function(app) {

 app.use(

   '/api',

   proxy({

     target: 'http://api.example.com',

     changeOrigin: true,

   })

 );

};

上述配置将所有以'/api'开头的请求转发到'http://api.example.com'，这样请求就不再跨域。

以上是解决Vue.js和Node.js跨域请求中缺少'Access-Control-Allow-Origin'标头的常见方法。根据具体情况选择合适的解决方案。对于Vue.js和Node.js的开发者来说，熟悉CORS机制以及如何设置响应头是非常重要的。