vue
Ray_20160915
在此记录本人在工作学习中遇到的问题及其解决方法。
谁都是从新人过来的,任何时候都应保持谦逊,努力学习。
展开
-
vue-cli3 多页面 RangeError: Maximum call stack size exceeded
昨天给项目配置vue多页面,结果一跑起来就报错: RangeError: Maximum call stack size exceeded - Array.join - loader.js:228 Function.Module._findPath internal/modules/cjs/loader.js:228:56 - loader.js:591 Funct...原创 2019-10-24 09:40:18 · 1859 阅读 · 3 评论 -
vue-cli3 图片引用问题
一般来说我们都会将图片资源放置于 assets 文件夹中进行引用,但是当我们需要使用图片的动态路径时,会发现找不到图片资源。比如你会使用如下代码:结果图片不能正常显示。根据vue-cli官方文档那么有一种解决方法是将大量的需要使用到动态路径的图片放到 public 文件下,在vue中我们就先定义全局变量代表发布的路径data () { return { ...原创 2019-07-10 18:54:02 · 1755 阅读 · 0 评论 -
Vue 单页面应用如何做 SEO 优化 (vue-meta-info + prerender-spa-plugin)
上周想给自己做的网站做一下seo优化,因为这个网站是用vue做的,所以首先就得先解决单页面的seo问题.网上有好几种方案:1、使用服务器端渲染(很多大厂都在用)2、使用vue-meta-info 配合 prerender-spa-plugin预渲染由于以前并没有接触过服务器端渲染,所以改造起来可能比较麻烦,所以选用了预渲染作为解决方案;vue-meta-info的安装和使用...原创 2019-07-20 00:05:16 · 3189 阅读 · 0 评论 -
vue-router + vuex 做动态路由
前几天做vue-router的动态路由做的焦头烂额,最后还是解决了,故记录下来。我这边通过后端接口给过来的菜单+角色来判断用户的路由添加,我先定义两种路由:需要权限校验的路由和基础路由import layout from '@/layout/layout'/** * 需要权限校验的路由 */export const authRouters = [ { ...原创 2019-07-20 11:00:15 · 1858 阅读 · 0 评论 -
记录 vue-cli3 配置uat环境 遇到的打包问题
今天给前端页面配置一个新的可供切换的环境UAT:修改 package.json 的 scripts :"scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "build:uat": "vue-cli-service build --mode uat", ...原创 2019-08-01 09:44:07 · 911 阅读 · 0 评论 -
Vuepress 1.x 运行时不能自动更新
在 package.json 中 将调起 vuepress 本地运行的命令 由"dev" : "vuepress dev docs"改为"dev": "vuepress dev docs --temp .temp"即可解决附:因为届时运行vuepress 会生成一个 .temp 文件作为临时文件,使用Git的同学没必要上传维护这个文件,只要在 .gitignore...原创 2019-07-02 09:55:42 · 3464 阅读 · 3 评论 -
记前端实现关闭页面有效期限内免登陆
记录一下,有这么一个需求,要求在关闭页面后30分钟内再使用应用可以免登陆,30分钟后再打开就需要跳转到登录进行验证。由于刷新进入页面和关闭后进入页面对于程序来说太像了,我就是结合使用 vuex 在页面刷新会重置状态和给localstorage 设置有效期来完成。首先,每次页面刷新,都会将我们应用中的vuex state重置,我就设置一个 flag 默认状态为false,当我登录到应用中后,...原创 2019-08-19 19:06:02 · 849 阅读 · 0 评论