nuxt静态部署_Nuxt.js项目实战部署

Nuxt.js项目部署

采用nuxt.js开发，一般都是为了实现SSR。让搜索引擎更好的抓取网页内容。

nuxt.js官方为我们提供了两种部署的方式，一种是静态资源部署，一种是ssr形式部署。

本文章总结ssr形式的部署完整流程

失败的尝试

在项目搭建好以后，狗尾草按很多网友说的，执行npm run build 然后将.nuxt文件和static和nuxt.config.js文件和package.json文件复制压缩上传服务器。然后执行npm install最后执行npm run start就可以平稳运行，最后开启进程守护就好了

狗尾草按如上所说过程进行了一番尝试后，发现在npm install完毕执行npm run start的时候，项目就会报错

最简单的查看，package.json文件中npm run start的配置启动文件为server/index.js

然鹅，如网友所说上传文件时，并没有携带server.js。所以npm run start是找不到文件的，必然启动失败，然后狗尾草发现在.nuxt文件中是有打包好的server.js文件的，于是修改package.json中的start启动命令

"start": "cross-env NODE_ENV=production node ./nuxt/server.js",

然后发现还是报错，缺少什么模块，这个报错就比较恶心了。然后执行了好几遍npm install以为是包确实了，但是却不是。应该是设么配置不对，我索性就放弃了，因为这过程中发现好多依赖文件都没有打包进.nuxt.js中。

正确的尝试

将所有文件除node_modu