nextjs前端工程如何打包部署(nginx)
·


把【.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/)
更多推荐



所有评论(0)