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、注意服务器的端口占用和防火墙问题,有时会阻碍你哦

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容