把【.next/server/app】目录下的所有文件复制到【/temp/test】文件夹下

把【.next】目录下的所有文件复制到【/temp/text/_next】文件夹下

配置nginx

        #配置根目录

        location / {

            root    /temp/test;

            index  index.html index.htm;

            try_files $uri $uri.html $uri/  =404;

        }

启动nginx

也可以只配置一次nginx:

        location / {
            root    /temp/test/_next/server/app/;
            index  index.html index.htm;
            try_files $uri $uri.html $uri/  =404;
        }        

        location /_next/ {
            alias    /temp/test/_next/;
            index  index.html index.htm;
            try_files $uri $uri.html $uri/  =404;
        }

备注:

1. nextjs打包后会生成多个html,而不是像vue打包后只生成一个html文件

2.前端页面跳转时,路由不包含html后缀,如:http://localhost/login

需要通过nginx的try_files 指令

  • 先找原始请求(/about)
  • 再自动加.html后缀(/about.html)
  • 再找目录(/about/)

更多推荐