跳转至

前端

一、前端初始化

创建Vue3项目

npm init vue@latest
  • 不要使用yarn

# 使用管理员权限创建的项目 WebStorm会产生权限问题 无法编辑 => 清除只读状态
sudo chmod -R 777 haopao-frontend

# 安装依赖
yarn

# dev启动项目
yarn run dev

使用VantUI组件库

# Vant4
yarn add vant

# 按需引入组件样式插件
yarn add @vant/auto-import-resolver unplugin-vue-components -D

配置插件:快速上手 - Vant 4 (gitee.io)

Toast 组件缺少样式

在main.js中手动引入css样式

import 'vant/es/toast/style'

Cookie:用于保存浏览器的会话状态。(通过传递不同的Cookie区分不同的用户)

后端设置Cookie允许在哪个域名下可携带(不设置也可以)。

server:
    servlet:
        session:
            cookie:
                domain: loaclhost

前端Axios设置携带请求凭证。

request.defaults.withCredentials = false