nuxt.js部署

1、yarn run build, 生成.nuxt文件夹

2、项目中配置了跨域和静态资源文件,则把.nuxt、package.json、nuxt.config.js、static四个文件夹打包上传到服务器

假设打包的文件是build.zip

则使用scp build.zip deploy@simsky.tajansoft.com:~/apps/embedway_web

3、进入服务器 ssh deploy@simsky.tajansoft.com(deploy@simsky.tajansoft.com是我司的服务器地址)

4、进入到对应的目录 cd apps/embedway_web,然后unzip build.zip

5、配置nginx,3001端口没放开,通过nginx反向代理就可以在浏览器中反问,然后重启nginx ,sudo service nginx restart

6、PM2守护进程

先npm i pm2 -g,然后通过pm2启动nuxt项目——pm2 start npm --name "xxx" -- run start,至此部署完成

7、pm2其他命令

原文地址:https://www.cnblogs.com/xuhaijian/p/10508101.html

时间: 2024-11-11 07:01:46

nuxt.js部署的相关文章

Nuxt.js部署应用的方式

Nuxt.js 提供了两种发布部署应用的方式:服务端渲染应用部署 和 静态应用部署. 静态应用部署就不说了,主要说说服务端渲染应用部署. 官方部署方式 关于服务端渲染应用部署,官方文档是这么写的: 部署 Nuxt.js 服务端渲染的应用不能直接使用 nuxt 命令,而应该先进行编译构建,然后再启动 Nuxt 服务,可通过以下两个命令来完成: nuxt build nuxt start 推荐的 package.json配置如下: { "name": "my-app",

nuxt.js部署和nginx反向代理配置

需求: Ngxin上已配置app目录指向ProxyService:8900(NodeJS反向代理服务器). 1.需要将nuxt.js服务部署到www.abc.com/app/draw 2.需要将strapi服务作为nuxt应用的api服务部署到www.abc.com/app/draw_api. 具体实现: 一.NGINX配置ngxin.conf server { # index.html location / { ... } # app上下文反向代理8900端口(代理服务器) location

nuxt.js express模板项目服务器部署

nuxt版本:0.10.6 技术栈:nuxt.js, express, pm2 部署环境:windows server 之前用nuxt.js 的express的模板项目在windows下用nginx进行代理访问,其实有点多余,直接用host文件就可以达到相同的效果,仅供娱乐吧,熟悉一下nginx的基本配置也是好的,其实这段时间研究nuxt.js比较多,主要还是想提高客户端访问首页更快一点. 之前使用nuxt.js generate直接生成对应的html静态文件,这个不需要服务器安装什么特殊的环境

Nuxt.js服务端渲染实践,从开发到部署

感悟 经过几个周六周日的尝试,终于解决了服务端渲染中的常见问题,也成功说服了公司新项目采用前后端分离的解决方案,当SEO不在是问题的时候,或许才是我们搞前端的真正的春天,其中也遇到了一些小坑,Nuxt.js官方还是很给力的,提issue后很积极的给予帮助,再次感谢Nuxt.js的开发团队. 解决的问题 路由鉴权 第一个拦路虎就是登陆时候的鉴权问题,如何把token保存到本地.官方使用express-session解决这个问题,但是这样做后端也需要使用nodejs,而我们公司使用的PHP.转念一想

nuxt.js 服务端部署

这次 nuxt.js 服务端部署以docker为基础部署,这样解决以下这些问题: 1.  服务器里一般不搭建运行环境,可以直接以docker里的为环境,统一部署,而不用再次搭建运行环境 2. 常常出现本地没问题,到了服务端上部署时一堆错误,本地和服务器统一用docker里的环境打包部署,解决npm install,npm build等部署出现的错误,方便快捷 一.开始部署 准备如下项目 nuxt为需要部署的nuxt.js项目,名称随意,但需要和yml文件里的对应 nuxt-compose.yml

如何将nuxt项目部署到github pages (码云 pages) 上

如何将nuxt项目部署到github pages (码云 pages) 上 前言:此文章包括了以下几点: 1:如何部署2:部署到Page后,静态资源加载报4043:从默认页面跳转到其他页面报4044:github Pages上的页面打开特别慢. 一:使用Nuxt.js脚手架工具create-nuxt-app快速创建项目 1:确保安装了npx(npx在NPM版本5.2.0默认安装了): npx create-nuxt-app <项目名> 后续选项可以自己跟实际情况选择. 二:在github上新建

[Vue] Preload Data using Promises with Vue.js and Nuxt.js

Nuxt.js allows you to return a Promise from your data function so that you can asynchronously resolve data before displaying the page. This allows the server to fetch the data and render the page once it's ready. <template> <section class="c

[Vue] Build Vue.js Apps with the Vue-CLI and Nuxt.js

The vue-cli allows you to easily start up Vue projects from the command line while Nuxt.js enables a page-based routing system that follows your file structure. Combine these two projects and you'll have a Vue app created from scratch deployed in a m

D3.js部署node环境开发

总结一段D3.js部署node环境的安装过程 准备阶段: 首先电脑上要安装node环境,这个阶段过滤掉,如果node环境都不会装,那就别玩基于node环境搞的其他东西了. 搭建环境: 我在自己的F:系统盘创建一个工程目录d3Node,然后创建一个package.json文件,里面配置如图: 其中:dependencies字段描述了你的工程所用到的库运行时的依赖,他们可以使你的工程在浏览器中正常运行.在d3中只有一个依赖,d3是D3在npm库中发布的名字,其中版本号3.x标明该工程可以兼容任意大于