Advertisement

nuxt.js上部署vue应用到服务端流程

阅读量:

为满足SEO优化需求,近期将项目迁移至nuxt.js平台,并采用SSR方式进行渲染。

迁移工作完成后,整体进展较为顺利,但在部署至服务器时仍面临一定挑战,最终经过努力成功完成。
现将部署过程记录如下。

注:部署过程中参考了以下资料:https://segmentfault.com/a/11...

一:搭建nginx+node+npm+pm2环境

当前所使用的nginx版本为1.12
node版本为v8.11.1
npm版本为5.6.0
pm2版本为2.10.2

关于具体环境的安装步骤,网络上已有大量教程,此处不再赘述,直接进入正题。

一:配置nginx代理以监听3002端口,并在打包时使用3002端口

在nuxt.js项目的package.json文件中进行相应设置

图片描述

在nginx的虚拟主机配置中,创建一个新的主机并进行绑定操作

复制代码
 upstream nodenuxt {

    
     server 127.0.0.1:3002;

全部评论 (0)

还没有任何评论哟~