vue打开后端返回的跨域

在Vue中打开后端返回的跨域链接，需要在后端设置CORS（Cross-Origin Resource Sharing）跨域资源共享。CORS是一种机制，允许Web应用程序从不同的域访问其资源。如果你要打开的链接所在的域与你的Vue应用所在的域不同，就需要在后端设置CORS，允许跨域访问。

下面是一个简单的例子，展示如何在Express.js中设置CORS：

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

// 设置允许跨域访问的域名和方法
app.use(function(req, res, next) {
  res.setHeader('Access-Control-Allow-Origin', '*');
  res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
  res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');
  res.setHeader('Access-Control-Allow-Credentials', true);
  next();
});

// 处理路由
app.get('/', function(req, res) {
  res.send('Hello World!');
});

// 启动服务
app.listen(3000, function() {
  console.log('Example app listening on port 3000!');
});

在上述代码中，我们使用了Express.js来创建一个简单的服务器，并使用app.use()方法来设置CORS。这里我们设置了允许所有域名（*）进行跨域访问，并允许GET、POST、OPTIONS、PUT、PATCH和DELETE方法，同时也允许携带cookie信息。当我们在Vue中打开后端返回的跨域链接时，就可以正常访问了。

需要注意的是，安全起见，应该尽可能地限制允许跨域访问的域名和方法，避免出现安全问题。