问题描述：

开发使用 vue-admin-template二次开发。
使用从后端获取路由数据，然后前端渲染的动态加载方式。
刷新动态加载进来的路由页面，会直接跳转到404页面（前提：路由里有配置404页面，否则是一片空白）

解决方式：在vue-router的全局前置守卫router.beforeEach里next()改为next({...to,replace:true})

前言

春节期间，太久没有动手写代码，不但生疏了基础知识，连理论概念都说不出来，今天静下心来，简单总结一下

什么是前端工程化

随着web业务日益复杂化和多元化，从前的前端，只是“做网页”“WebPage”而已，而如今，更像是在做一个“WebApp”。而且更多时候的需求也要求是单页面应用，这样对用户的体验会更佳，与传统的客户端程序或手机app一样。所以，前端开发，现在终于可以称得上是“软件开发”了。

使用http-server测试vue打包的项目

vue-cli build 打包后的项目，除了部署后预览外，也可以使用http-server快速预览。以下是详细说明：

Yarn和npm使用相同的 package.json 格式，而且从 npm 迁移 Yarn 可以从npm安装依赖包。

只需执行：

1

yarn

Yarn 将通过自己的解析算法来重新组织 node_modules 目录，这个算法和node.js 模块解析算法是兼容的。