vue里面怎么设置cookie

在Vue中，可以使用js-cookie库来设置和获取cookie。

1. 安装js-cookie库

npm install js-cookie --save

2. 在Vue组件中引用js-cookie库

import Cookies from 'js-cookie'

3. 设置cookie

Cookies.set('key', 'value');

4. 获取cookie

Cookies.get('key');

5. 删除cookie

Cookies.remove('key');

注意：在设置cookie时，可以添加一些参数，例如过期时间、域、路径等，具体可以参考js-cookie文档。

相关问题

vue里面 前端如何设置跨域

在 Vue 中设置跨域可以通过以下方法：

1. 在 Vue CLI 创建项目时，可以使用 `vue create --cors` 命令来自动配置跨域。

2. 在 Vue 项目中，在 `vue.config.js` 文件中添加以下配置：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000', // 接口地址
        changeOrigin: true, // 是否跨域
        pathRewrite: {
          '^/api': '' // 这里可以改成其他的路径名
        }
      }
    }
  }
}

其中，`target` 是后端接口地址，`changeOrigin` 设置为 true 表示开启跨域，`pathRewrite` 可以将路径名改为其他的名称。

3. 在 Vue 中使用第三方库 axios 发送请求时，可以通过设置请求头来解决跨域问题。例如：

import axios from 'axios'

axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'
axios.defaults.withCredentials = true // 允许携带cookie

axios.post('/api/login', {
  username: 'admin',
  password: '123456'
}).then(res => {
  console.log(res.data)
})

其中，`withCredentials` 设置为 true 表示允许携带 cookie。

vue页面里如何获取cookie

在 Vue 页面中获取 cookie 可以使用 JavaScript 的 document.cookie 属性来读取 cookie 值。这个属性返回一个字符串，其中包含所有 cookie 键值对，可以通过字符串操作来解析它们。例如：

// 获取名为 "token" 的 cookie 值
const cookieValue = document.cookie
  .split('; ')
  .find(row => row.startsWith('token='))
  .split('=')[1];

这个代码片段将会查找名为 "token" 的 cookie，并将其值存储在 cookieValue 变量中。你可以根据需要修改 cookie 的名称和属性来获取不同的 cookie 值。