nuxt服务端渲染部署

第一步：生成.nuxt目录

npm run build 

第二步：将选中的四个文件放到服务器上

image.png

第三步：安装依赖

npm install 

第四步：启动项目

npm start

此时会运行起来localhost:3000的服务，但是会随着shell的关闭而关闭，因此安装pm2来维护你的进程吧

第五步：配置nginx（nuxt服务的nginx不需要配置页面地址哦）

    server {
        listen       8085;
        server_name  服务器的ip地址;    #要访问的域名，我这里用的ip
        location / {
            proxy_pass  http://localhost:3000; #映射到代理服务器，可以是ip加端口,或url 
            index  index.html index.htm;
        }
    }

最后：

重启你的nginx，访问你的项目吧

注意:package.json里面的写法，很有可能就是造成部署失败的原因

官方推荐的写法是：

{
  "name": "my-app",
  "dependencies": {
    "nuxt": "latest"
  },
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start"
  }
}

遇到的问题

1、项目放入后，启动不起来
配置文件有问题，服务器上没有安装nuxt

$ npm install --save nuxt

2、启动成功， nginx配置有问题，启动失败
检查配置，然后重新启动
3、注意服务器的端口占用和防火墙问题，有时会阻碍你哦