Nuxt.Js爬坑小记

　　今天把Vue.Js的服务端渲染框架（SSR）Nuxt.Js初步研究了下，还是有一些坑的。记录在此以备以后查阅。

　　由于我是在Linux上操作的。需要安装NPM来进行操作，一路而来爬过的坑有

　　1.使用root用户新建用户的adduser命令后，要给之分配sudo组的权限。

　　2.Linux提示"Can not resolve host xxx"，诸如此类，应该去更改/etc/hosts中localhost的名称。

　　3.搞定了用户这一块，需要安装nodejs+npm。这里需要使用nvm安装，ubuntu的apt install 来进行安装会有无穷无尽的巨坑，注意nvm安装好以后，可能需要重启终端才能看到nvm命令生效。

　　4.使用nvm只要安装了指定版本的node，与之相匹配的npm就会自动安装好。

　　5.把在windows上开发打包完毕的.nuxt目录+package.json扔在服务器上，执行npm install （这里使用nvm安装的npm不用加sudo，如果不加却出错了，估计日后你会遇到一堆坑，重装系统吧）

　　6.项目可以使用nginx来反向代理，将外来的请求（这里也注意下将Linux的防火墙放行相应端口）转发的内部nuxt默认的3000端口上，最简单的配置文件如下

//此段配置在默认的http配置中
http{server{listen 80;location /{proxy_pass http://IPAddress:port}}
}

　　7.目前可以使用pm2来管理node进程，有守护/查看运行状态的功能。

　　8.pm2启动nuxt的方法如下：pm2 start npm --start

　　9.更新部署文件时，如果没有依赖的更新，那么只需把.nuxt文件扔在服务器上就可以，如果有，只需上传最新的package.json，执行npm install即可

　　10.pm2的删除进程命令为 pm2 delete all

转载于:https://www.cnblogs.com/riverflow/p/7862582.html

Nuxt.Js爬坑小记相关推荐

nuxt.js踩坑：构建静态页面时报错：nuxt.config.js is not in cwd
nuxt.js使用nuxt generate构建静态项目时产生了以下错误: 解决方案:在node_modules找到@nuxt对应目录下的cwd: rootDir, 把它替换为 cwd: upath ...
强大的地图库--Leaflet.js爬坑记录(2)
转载请注明出处:王亟亟的大牛之路上一次是用link形式写的demo的东西,这次把打包方式集成到了以npm webpack打包的方式对项目进行管理上一篇的传送门切换到es6后到一些姿势调整首先是 ...
Nuxt爬坑系列之vuex
坑的背景介绍要用 bootstrap-vue 这个vue的ui框架来重构公司的官网,因为公司官网之前使用bootstrap搭建的,现在想用nuxt框架来重构,恰好bootstrap出了结合vue的版 ...
Nuxt(安装部署)爬坑指南
Nuxt.js使用详细说明这篇文章主要向大家介绍Nuxt爬坑,主要内容包括基础应用.实用技巧.原理机制等方面,希望对大家有所帮助. https://www.shangmayuan.com/a/dcd ...
从0带您打造企业级 Vue 服务器渲染 Nuxt.js (一) 入门
写在开始前公司团队技术栈一直主要使用 Vue,由于 SPA 模式开发有几大痛点,团队在2017年开始尝试 SSR(服务端渲染). 记得刚开始 Nuxt.js 还没有到1.0(坑哭了),到目前为止团队 ...
全局安装nuxt_Nuxt爬坑
nuxt.js简单的说是Vue.js的通用框架,最常用的就是用来作SSR(服务器端渲染).Vue.js是开发SPA(单页应用)的,Nuxt.js这个框架,用Vue开发多页应用,并在服务端完成渲染,可以 ...
Vue 爬坑之路（六）—— 使用 Vuex + axios 发送请求
Vue 原本有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource 目前主流的 Vue 项目,都选择 axios ...
legend3---5、lavarel爬坑杂记
legend3---5.lavarel爬坑杂记一.总结一句话总结: 边做边学,变学边做,可能会节约很多时间,熟悉的就跳着看,不熟悉的就慢慢看 1.如何tags表中的主键是t_id而非id,如何使用 ...
hapi mysql项目实战路由初始化_用hapi.js mysql和nuxt.js(vue ssr)开发仿简书的博客项目...
前言: 预览: 开始: npm i 把mysql配置好 npm run server or npm run dev 实现功能: 用户: 登录.注册.用户资料修改,详情页面,类似于简书的文章数量.总字数 ...
Node项目部署到阿里云服务器(ECS)，以Nuxt.js服务端渲染项目为例
1.前言最近打算业余时间搭个网站,选择的技术栈为node+mongodb+Nuxt.js(基于vue,用于创建服务端渲染 (SSR) 应用),以下不会教科书式讲解,只是提供整体思路.参考资料以及关键 ...

Nuxt.Js爬坑小记

Nuxt.Js爬坑小记相关推荐

最新文章

热门文章