跨域获取数据，通过cookie的domain实现数据跨域获取

可爱小仙子

于 2022-08-18 16:40:17 发布

阅读量1.2k

点赞数

分类专栏： js 文章标签： Cookie 跨域 Nginx 配置 Vue.js

本文链接：https://blog.csdn.net/qq_42661587/article/details/126408684

版权

js 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了如何通过设置Cookie的username和domain属性，实现特定主域名下的IP间跨域共享Cookie。示例代码展示了Vue组件中获取和设置Cookie的方法，并提到了Nginx配置以支持跨域策略，确保相同主域名的不同IP可以访问到彼此的Cookie值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过 username=ab;domain=.test.com;设置username值为ab,主域名为.test.com的IP可以跨域获取到该值。

主域名不是.test.com的IP则获取不到该值。

<template>
  <div class="home">
    <input v-model="test" />
    <button @click="getCookie">获取</button>
    <button @click="setCookie">保存</button>
  </div>
</template>

<script>
export default {
  name: "HomeView",
  data: () => {
    return {
      test: "",
    };
  },
  methods: {
    getCookie() {
      this.test = document.cookie;
    },
    setCookie() {
      console.log(this.test);
      document.cookie = this.test;
    },
  }
};
</script>

Nginx配置