next构建纯前端

一. 打包阶段

（1）看到有人说next build& next export，但是我这里这样运行就会报错，，，， ，看起来还不好改那种，甚至npm install也报错，

那么直接用yarn add  yarn build yarn export。。。成功

（2）next.config,js 里面加

exportPathMap: function () {

return {

'/': { page: '/' },

'/login': { page: '/login' },

二. 解决路由异常问题

nextjs工具给你生成了register.html。而不是/register/index.html 

这样出现手动访问路由失效，自动访问生效，

依旧next.config.js 里添加

trailingSlash: true

这样就可以了

三. 访问

那么纯前端的话，export之后只要out目录下面的就可以了，

自测可以本地开nginx，然后访问localhost：80，因为你把本地服务器开到了80这里，root那里写根地址就可以了，本地的那个地址

还有一点不知道是不是需要，就是取消getServerSideProps。。。那些，让页面都有可访问的html页面，而不是等服务器再给渲染

server {

listen 80 default_server;

server_name _;

location /deploy-xxx {

proxy_pass http://127.0.0.1:8888;

}

location / {

root /var/xxx/online;

index index.html;

try_files $uri $uri/ /index.html;

}

}