nuxt nginx 部署得配置

香菊网 发表于: 2019-06-18 分类: ssr  nginx  前端front  服务器  H5部分  

React 有个 SSR 叫做 Next.js,Vue 也有一个 SSR ,就是 Nuxt.js 。下面先介绍Nuxt.js在Linux上的发布和部署。

把服务起的入网端口打开 端口就是build 之后 start启动的端口

spa 部署: 

项目打包方式改成 mode: spa,

nginx配置如下

 博客 - front
 location ~ ^/bk_front {
    root   /home/bk_front;
    try_files $uri $uri/ /index.html last;
    index  index.html index.htm;
 }

 # root 服务器的绝对文件夹路径

 

universal 部署:

项目打包方式改成 mode: universal

nginx配置如下

        # 向导页 nuxt 多页面部署 配置
 location ~ / {

     proxy_http_version 1.1;
     proxy_set_header Upgrade $http_upgrade;
     proxy_set_header Connection "upgrade";
     proxy_set_header Host $host;
     proxy_set_header X-Nginx-Proxy true;
     proxy_cache_bypass $http_upgrade;
     proxy_pass http://nodenuxt; #反向代理
 }

... 


 # nuxt 转发
 upstream nodenuxt {
     server 127.0.0.1:3001; #nuxt项目 监听端口
     keepalive 64;
 }
标签: ssrnginx前端front服务器H5部分
Copyright © 2019 幻雨焉缘博客 | 浙ICP备19001843号-1
----------------------------------
种一棵树,最好的培养时间是十年前,其次是现在 加油  (ง •_•)ง。        ──── 前端攻城狮