
vue
文章平均质量分 68
意井
这个作者很懒,什么都没留下…
展开
-
vue-cli3多环境打包配置
背景框架vue2+工具vue-cli3(其实我本地已经到vue-cli5,不过不影响,项目目录与3保持一致,但是打包貌似有一点区别,下文会讲),项目需要在生产环境打包不同的二级目录。原创 2022-08-02 11:12:18 · 2881 阅读 · 0 评论 -
vue-cli2多环境打包配置
背景:框架vue2+工具vue-cli2,项目需要打包两个角色,三个运行环境:本地,测试,生产,上线发布有的直接在根目录下,有的需要在二级目录下。一、增加打包配置文件1、config文件夹增加4个环境变量文件,build文件夹增加7个打包配置文件2、新增环境变量文件: 添加规则按照已有环境变量添加即可,名字自己取,最好见名知意,图中的APP_USER_TYPE自定义,如果需要更多自定义变量自行增加即可。3、新增build文件:拷贝已有build文件,修改process.env.N原创 2022-05-27 17:06:15 · 3020 阅读 · 0 评论 -
nginx部署nuxt多项目
一、背景:之前使用nginx部署了一个nuxt的项目,参考的是这篇文章Nuxt项目的部署,现在部署多项目,先参考的是这篇文章 nginx配置多个项目 ,使用Nginx要在同一个域名下配置多个项目有两种方式:nginx按不同的目录分发给不同的项目 启用二级域名,不同的项目分配不同的二级域名采用:我现在是测试服,是IP,没有域名,所以选择第一种方式,创建不同项目。原本同一个IP+端口已经上...原创 2020-04-03 00:38:52 · 3226 阅读 · 0 评论 -
误引用vuex-persistedstate导致用户信息无法清除问题
一、问题:网站使用nuxt框架,使用js-cookie+vuex存储用户信息,在这一篇文章中关于nuxt使用vuex存储以及获取用户信息踩坑,我讲过nuxt是服务端和客户端渲染集成,所以服务端将user信息初始化为空,客户端无法再次初始化,即便客户端的cookie中能获取到用户信息,也无法给user赋值。后来在网上搜索了半天解决办法,引入了vuex-persistedstate,但是引入之后并...原创 2020-03-29 19:12:53 · 2998 阅读 · 0 评论 -
关于nuxt使用vuex存储以及获取用户信息踩坑
一、背景:按公司要求做一个电商网站,考虑到seo,所以用的是nuxt进行开发。登录之后记录用户信息(user)使用cookie+vuex模式。二、具体使用方法以及遇到的问题:1、无法解码且无法转化为对象:使用nuxt的nuxtServerInit在在服务端的cookie里获取用户信息,但是user在存储时是对象且可能包含中文,在使用JSON.parse进行string转化为对象时报错,...原创 2020-03-23 23:37:21 · 3210 阅读 · 4 评论 -
listen EADDRNOTAVAIL
换了一台电脑,运行了一个vue项目,报了一串错误:E:\bqc\web\currencyMobiel>npm run dev> usevue@1.0.0 dev E:\bqc\web\currencyMobiel> webpack-dev-server --inline --progress --config build/webpack.dev.conf.jsev...原创 2018-10-12 17:45:01 · 799 阅读 · 0 评论 -
vue init nuxt-community/koa-template nuxt-learn 安装执行npm run dev报错
最近在做一个基于vue的美团全栈项目,技术栈用到nuxt和koa的组合,vue init nuxt-community/koa-template nuxt-learn创建项目之后,执行npm run dev,报错 ERROR Failed to compile with 1 errors ...原创 2019-05-30 11:59:46 · 1359 阅读 · 1 评论