AntD中Vue开发遇到的问题

1.使用的是Vue2、vue-cli-service，怎么配置多环境？

解决方案：

按照官网的进行配置即可；

test环境下，NODE_ENV要注意，后面得是testing；

如果是test则编译失败

NODE_ENV=testing
VUE_APP_PREVIEW=true
VUE_APP_BASE_API='http://192.168.**.**:2222'
VUE_APP_PORT=''

2.使用的是Vue2、vue-cli-service，怎么自定义url地址？

解决方案：

使用带“VUE_APP_”，在对应的env页面进行配置即可；

比如：

NODE_ENV=testing
VUE_APP_PREVIEW=true
VUE_APP_BASE_API='http://192.168.**.**:2222'
VUE_APP_PORT=''
VUE_APP_OOSURL='http://192.168.**.**'

3.怎么引入Cookie，以及怎么在页面中使用？

解决方案：

npm引入cookie指令

npm install js-cookie

页面中使用

//引入
import Cookies from 'js-cookie'

//设置Cookies
Cookies.get("servId",res.data.servId)

//获取Cookies
Cookies.get("servId")

//登录时或一定条件下，删除Cookies
Cookies.remove("servInfo")

在保存数组或对象时，遇到了问题

数组或对象正确使用方法如下：

//
Cookies.set("serveInfo",JSON.stringify(res.data))

//
JSON.parse(Cookies.get("serveInfo"))