工作总结vue篇

vue项目中碰到的一些问题

1. 项目引入ssr之后，刷新页面404

解决方法：

引入koa2-connect-history-api-fallback插件

配置示例：

const historyApiFallback = require('koa2-connect-history-api-fallback');

app.use(historyApiFallback({
    whiteList: ['/api'] }));

2. vue组件懒加载，减小首页main.bundle.js的大小

解决方法：

(1) es提案的import()

vue-router配置路由懒加载，代码如下：

• // 下面2行代码，没有指定webpackChunkName，每个组件打包成一个js文件。
  const ImportFuncDemo1 = () => import('../components/ImportFuncDemo1')
  

(2) vue异步组件技术

{
   
    path: '/promisedemo',
    name: 'PromiseDemo'