2.Nuxt和vue区别

2.1打包产物不同: vue打包后生成dist文件夹，nuxt打包后生成 .nuxt文件

2.2项目入口:vue在main.js 中配置注册一些全局的初始化工作。nuxt没有指定的入口文件，初始化操作需要在nuxt.config.js 中配置

2.3部署：vue将打包的dist文件放在服务器上即可，nuxt除了node_modules,.git等文件其余都要部署上去

3.项目中遇到的问题和总结

3.1 特别字体引用，字体资源需要放在static目录下，否则会报错

3.2 第三方库需要在plugins中进行全局注册，然后在nuxt.plugin.js 中进行配置

3.3 在样式文件中，引入图片路径需要从根目录开始引入

3.4 环境变量的配置，根目录下新建.env文件,写入服务端请求地址。本地请求地址配置在nuxt.config.js中，配置项为env 3.5 使用@aceforth/nuxt-optimized-images对图片进行压缩，vue-lazyload进行图片懒加载

3.6 在middleware中做鉴权，判断当前用户是否能访问

3.7 使用i18n进行多语言的配置

粉丝