卡尔特斯

PM2是一个功能强大的Node.js进程管理器，它可以帮助管理守护负载均衡和监控 Node.js 应用。使用PM2，可以让应用在生产环境中更加稳定和可靠。安装。

一、介绍Nuxt.js（Vue SSR）创建项目到服务器（Nginx+PM2）部署详细流程nuxt.js 是默认集成 axios 的。axios 与 @nuxtjs/axios 可以共用 nuxt.config.js 中代理配置。使用的时候需要注意 asyncData() 中需要请求全链接或者服务器有配代理的接口，也就是在服务器渲染的时候需要拿到组装的数据，等到了浏览器本地之后，需要走代理请求，否则会出现跨域，支持加载更多跟其他接口请求操作，更换数据也是没问题的，但是到浏览器之后必须

有的版本创建项目默认没有 layouts 文件夹，所以需要手动创建一个 layouts 文件夹，文件名固定，如果需要自定义文件夹名看这篇。在 layouts 文件夹里面创建一个 BaseLayout，<Nuxt></Nuxt> 跟 vue 的使用一样，属于继承组件的渲染范围。在页面使用渲染结果...

在 nuxt.js 项目执行 run build 打包操作之后，生成的 dist 文件夹在 .nuxt 文件夹中，前面有个 . 说明是隐藏文件夹，如果没有开启显示隐藏文件夹是看不到的。开始显示隐藏文件夹之后

如果没有 assets 文件夹，需要手动创建。下载 iconfont 文件，解压出来！在 assets 文件夹中创建一个 iconfont 文件夹，将上面解压出来的文件拖到 /assets/iconfont 文件夹中。然后找到 nuxt.config.js 添加 css 配置css: [ '~/assets/iconfont/iconfont.css']使用...

Nuxt.js dir配置 官方文档官方文档上有这样一个例子，相当于 key 是固定的，后面的 value 就是需要指向的自定义文件夹名称，有的文件可能是默认就不在创建的，例如 assets 文件夹，有的版本默认就不在提供这个文件夹，需要用到的话，得自己手动创建，如果新建的文件名为 assets 则不需要在 nuxt.config.js 中添加配置，如果是一个新的文件夹名需要将它指定为 assets 则需要添加对应配置才能生效。export default { dir: { asse..

一、简介fullpage.js 与 vue-fullpage.js 优先用前者，后者会因为用到 window 对象而报错 window is not defined 错误，但是 fullpage.js 可以通过本地导入的方式很方便的避开这个错误。Error：Fullpage.js version 3 has changed its license to GPLv3 and it requires a licenseKey option. Read about it here 解决方案。附带

一、JS/CSS CDN远程、本地导入细节本地 JS/CSS，存放在 static 目录下，引用时，不需要添加 /static 目录，因为 /static 目录编译后会被映射到 / 目录JS 文件需要注意的是，如果文件中包含 ES6 的语法，例如 export 之类的导出，就不要通过配置文件去进行配置，会报错，而是直接通过在页面 import 进行导入即可。测试代码（CDN远程、本地）二、全局 JS/CSS CDN远程、本地导入nuxt.config.js 配置css

在 服务器渲染 模式中，分页获取数据常见的方式是：服务器数据全返前端自行处理ajax 请求数据回来本地拼接标签链接带分页参数进行获取在 nuxt.js 中，差不多也是类似，可以使用 链接带分页参数进行获取 这种方式。案例一：当前页面进行分页获取数据<template> <div class="content-view"> <!-- 列表数据 --> <a-list class="list-view" ite..

针对 PM2 配置文件 ecosystem.config.js 文件中，配置属性详细介绍：module.exports = { // apps是一个json结构的数组 ，每一个数组成员对应一个pm2中运行的应用 apps : [ { // 应用程序名称 name: 'next-test', // 执行文件 script: 'index.js', // 应用程序所在的目录 cwd: './', // 传递给脚

运行 Nuxt.js 项目，如果报错 Address xxx:3000 is already in use.，是因为端口被占用了，需要停掉占用端口的项目，因为项目里面 nuxt.config.js 默认的端口就是 3000。 FATAL Address 0:3000 is already in use. ╭────────────────────────────────────────────────╮ │

一、项目中不要使用 v-if使用 v-if 会在查看源码的时候无法显示标签，需要换成 v-show二、项目中跳转页面尽量使用 a 标签无论使用 vue router 还是使用 nuxt-link 都不如使用 a 标签，而且前两者在服务器渲染中有时候还会有别的问题发生，所以可以直接使用 a 标签省事，避免了坑。三、项目中更换 favicon.ico 不生效，可以编译一下，启动正式环境，就生效了。四、项目中 请求接口数据，并服务器渲染，asyncData() 多接口请求的使用：// asyn

什么是 SSR Nuxt.js？