html 引入vue怎么设置跨域

在HTML页面中引入Vue并不涉及跨域问题，因为Vue是在客户端浏览器中运行的JavaScript框架，与跨域请求无关。

如果你是在Vue应用中向后端发送跨域请求，可以通过设置axios或fetch库的相关配置来解决跨域问题。具体方式是在请求头中添加Access-Control-Allow-Origin字段，指定允许跨域请求的域名。示例代码如下：

使用axios：

import axios from 'axios';

axios.defaults.baseURL = 'http://localhost:3000';
axios.defaults.headers.common['Access-Control-Allow-Origin'] = '*';

axios.get('/api/data')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.log(error);
  });

使用fetch：

fetch('http://localhost:3000/api/data', {
  headers: {
    'Access-Control-Allow-Origin': '*'
  }
})
  .then(response => {
    return response.json();
  })
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.log(error);
  });

其中，Access-Control-Allow-Origin指定允许跨域请求的域名，可以设置为"*"表示所有域名都允许跨域请求。