：['/'，'/'，'/'，'/'，'，'，'，'，'，'，'，'，'，'，'/'，'，'/']，

//这很重要。如果未配置此部分，则不会预先编译。

： 新的 （{

：{

foo：'bar'

}，，

：，，，

//在main.js。（new（' - '））中，两者的事件名称必须相互对应。

通风口：' - '

}））

}））

]，，

};

然后将VUE路由模式更改为

最后，该代码应添加到mian.js条目文件中。其中 - 它必须与Vue..js中的通风孔相对应

新Vue（{

，，，，

，，，，

：h => h（app），

（）{

。（新的 （'-'））

}）。$（'＃app'）

NPM运行现在具有包装后的目录结构，每个文件夹的.html代码，

HTML代码现在在.vue文件中具有相关的代码，但是还有一个问题，每个文件夹中的.html代码是指所有JS和CSS文件，这不利于SEO优化。所以还没有结束。

为什么有那么多JS和CSS？因为当vue-cli打包时，即使您不在标签中写任何东西，也将将每个.VUE文件和标签打包到相应的JS和CSS中。

第二步是压缩和合并尺寸相对较小的JS和CSS文件。

我找到了Vue-CLI文档，没有找到相关信息，所以我切换到了

该API可用于设置最小合并文件大小。将此代码添加到上面的配置中估计为= 1kb

=（''）;

新的 ..（{

：//通过组合小于大小

}），

然后npm运行

它仍然是相同的目录，但是JS和CSS已减少了很多。

方法2：VUE SSR（服务器端渲染）

简而言之，它是将最初放置在浏览器中的组件放置以执行创建，并首先在服务器上创建它们，然后生成相应的HTML并将它们直接发送到浏览器，最后将这些静态标记“激活”为在客户端上完全交互的应用程序。

与水疗中心（单页应用程序）相比，VUE SSR的好处和缺点1。

更好的SEO，因为搜索引擎爬网手可以直接查看完全渲染的页面。

更快的内容到达时间（时间），特别是对于缓慢的网络条件或缓慢移动的设备。

2。缺点

1）有限的发展条件。特定于浏览器的代码只能用于某些生命周期钩功能（钩）；一些外部扩展库（）可能需要特殊处理才能在服务器渲染应用程序中运行。

2）更多涉及构建设置和部署的要求。与可以在任何静态文件服务器上部署的完全静态单页应用程序（SPA）不同，服务器渲染应用程序必须在Node.js运行时环境中。

3）更多服务器端负载。在Node.js中渲染完整的应用程序显然会占用更多的CPU资源（CPU --- CPU密集型），而不仅仅是提供静态文件，因此，如果您期望在高流量环境（高）中使用它，请准备相应的服务器负载并明智地采用缓存策略。

有关SSL的具体实施，请参阅未来并期待它...

计算机网络

算法