vue3 报错 Refused to set unsafe header Cookie 怎么解决

该报错是因为浏览器安全策略限制了对"Cookie"这个不安全的请求头的设置。解决该问题的方法是使用Vue的Proxy代理请求。

下面是一个使用Vue3的Proxy代理请求的示例代码：

import { createApp } from 'vue';

const app = createApp({});

app.config.globalProperties.$http = new Proxy({}, {
  get(target, prop) {
    return (url, options) => {
      return fetch(url, {
        ...options,
        headers: {
          ...options.headers,
          'Cookie': document.cookie // 将Cookie放入请求头
        }
      });
    };
  }
});

app.mount('#app');

通过以上代码，你可以在Vue组件中使用$http来发起网络请求，同时将Cookie放入请求头中。

注意：由于设置了不安全的请求头，可能会引发其他安全问题，所以在实际使用中应该谨慎考虑