Always-Learning

问题描述博主在学习Next应用的时候，使用express作为后台，部署在本地一切正常，但是部署在字节的轻服务上便出现如下错误。解决过程尝试1：尝试是否是跨域问题刚开始遇到这个错误，我判断可能是跨域问题，后来经排查不是，因为如果是跨域问题，自定义的路由不可能被访问成功，但是我通过postman访问自定义路由是能够成功的，说明不是跨域的问题，而且我已经配置了下面的语句。app.use(cors()); // 解决跨域尝试2：修改静态资源的路径因为只有静态资源无法访问，说明可能是配置

Next.js整体介绍Next.js是React服务端渲染应用框架，用于构建SEO友好的SPA应用。支持两种渲染方式，静态生成和服务器端渲染。基于页面的路由系统，路由零配置。自动代码拆分，优化页面加载速度。支持静态导出，可将应用导出为静态网站。内置CSS-in-JS库styled-jsx方案成熟，可用于生产环境，世界许多公司都在使用。应用部署简单，拥有专属部署环境vercel，也可以部署在其他环境。创建Next.js项目创建npm init next-app mynext

参考文档：https://jspang.com/detailed?id=521：搭建next开发环境npx create-next-app blog2：进入blog目录cd blog3：使用yarn测试yarn dev如果能够进入到下面的界面，说明前三步已经成功了！4：让next支持CSS文件yarn add @zeit/next-css5：按需加载antdyarn add antd yarn add babel-plugin-import6：在pages目录下.