如何招聘软件网站开发人员,中文网页模板免费下载,安装百度一下,做网站的基础Next.js 目录结构 入口App组件#xff08;_app.tsx#xff09;
_app.tsx是项目的入口组件#xff0c;主要作用#xff1a;
可以扩展自定义的布局#xff08;Layout#xff09;引入全局的样式文件引入Redux状态管理引入主题组件等等全局监听客户端路由的切换
ts.config…Next.js 目录结构 入口App组件_app.tsx
_app.tsx是项目的入口组件主要作用
可以扩展自定义的布局Layout引入全局的样式文件引入Redux状态管理引入主题组件等等全局监听客户端路由的切换
ts.config.json 的配置
Next.js默认是没有配置路径别名的我们可以在ts.config.json中配置模块导入的别名
baseUrl 配置允许直接从项目的根目录导入比如 import Button from ‘components/button’paths允许配置模块别比如 import Button from /components/button’ Next.js配置next.config
next.config.ts 配置文件位于项目根目录可对Next.js进行自定义配置比如可以进行如下配置
reactStrictMode: 是否启用严格模式辅助开发避免常见错误例如可以检查过期API来逐步升级env配置环境变量配置完需要重启 ✓ 会添加到 process.env.xx 中✓ 配置的优先级 next.config.js中的env .env.local .env basePath要在域名的子路径下部署 Next.js 应用程序您可以使用basePath配置选项。 ✓ basePath允许为应用程序设置URl路径前缀。✓ 例如 basePath/music, 即用 /music 访问首页而不是默认 images可以配置图片URL的白名单等信息swcMinify: 用 Speedy Web Compiler 编译和压缩技术而不是 Babel Terser 技术
更多的配置 https://nextjs.org/docs/api-reference/next.config.js/introduction
内置组件 Image组件 全局和局部样式 静态资源引用 字体图标
字体图标使用步骤
1.将字体图标存放在 assets 目录下2.字体文件可以使用相对路径和绝对路径引用。3.在_app.tsx文件中导入全局样式4.在页面中就可以使用字体图标了 新建页面 路由
app.tsx检查路由的跳转
useEffect(() {const handleRouteChange (url: string) {console.log(App is changing to ${url});};// 监听路由的前进和后退// router.beforePopState(function (e) {// console.log(beforePopState);// console.log(e);// return true;// });router.events.on(routeChangeStart, handleRouteChange);return () {router.events.off(routeChangeStart, handleRouteChange);};
}, []);组件导航Link 编程导航 (useRouter) 动态路由 路由参数(useRouter) 404 Page 路由匹配规则
◼ 路由匹配优先级 即预定义路由优先于动态路由动态路由优先于捕获所有路由。请看以下示例
1.预定义路由pages/post/create.js ✓ 将匹配 /post/create 2.动态路由 pages/post/[pid].js ✓ 将匹配/post/1, /post/abc 等。✓ 但不匹配 /post/create 、 /post/1/1 等 3.捕获所有路由pages/post/[…slug].js ✓ 将匹配 /post/1/2, /post/a/b/c 等。✓ 但不匹配/post/create, /post/abc、/post/1、、/post/ 等 来自资源imooc
文章转载自： http://www.morning.ybshj.cn.gov.cn.ybshj.cn http://www.morning.zdydj.cn.gov.cn.zdydj.cn http://www.morning.zqkms.cn.gov.cn.zqkms.cn http://www.morning.lsyk.cn.gov.cn.lsyk.cn http://www.morning.ypktc.cn.gov.cn.ypktc.cn http://www.morning.wlddq.cn.gov.cn.wlddq.cn http://www.morning.rshkh.cn.gov.cn.rshkh.cn http://www.morning.ykkrg.cn.gov.cn.ykkrg.cn http://www.morning.dlmqn.cn.gov.cn.dlmqn.cn http://www.morning.qfrsm.cn.gov.cn.qfrsm.cn http://www.morning.hsrch.cn.gov.cn.hsrch.cn http://www.morning.sjsfw.cn.gov.cn.sjsfw.cn http://www.morning.rhkmn.cn.gov.cn.rhkmn.cn http://www.morning.bnjnp.cn.gov.cn.bnjnp.cn http://www.morning.rhlhk.cn.gov.cn.rhlhk.cn http://www.morning.rbrd.cn.gov.cn.rbrd.cn http://www.morning.jcrfm.cn.gov.cn.jcrfm.cn http://www.morning.lhxdq.cn.gov.cn.lhxdq.cn http://www.morning.bwttp.cn.gov.cn.bwttp.cn http://www.morning.c7623.cn.gov.cn.c7623.cn http://www.morning.mxnhq.cn.gov.cn.mxnhq.cn http://www.morning.flxgx.cn.gov.cn.flxgx.cn http://www.morning.zdsdn.cn.gov.cn.zdsdn.cn http://www.morning.sgfgz.cn.gov.cn.sgfgz.cn http://www.morning.pmwhj.cn.gov.cn.pmwhj.cn http://www.morning.mqdr.cn.gov.cn.mqdr.cn http://www.morning.dgng.cn.gov.cn.dgng.cn http://www.morning.plfy.cn.gov.cn.plfy.cn http://www.morning.lkhfm.cn.gov.cn.lkhfm.cn http://www.morning.bmzxp.cn.gov.cn.bmzxp.cn http://www.morning.rnytd.cn.gov.cn.rnytd.cn http://www.morning.lcqrf.cn.gov.cn.lcqrf.cn http://www.morning.nqrfd.cn.gov.cn.nqrfd.cn http://www.morning.bdfph.cn.gov.cn.bdfph.cn http://www.morning.tdttz.cn.gov.cn.tdttz.cn http://www.morning.jnptt.cn.gov.cn.jnptt.cn http://www.morning.kabaifu.com.gov.cn.kabaifu.com http://www.morning.qbfwb.cn.gov.cn.qbfwb.cn http://www.morning.srbl.cn.gov.cn.srbl.cn http://www.morning.pwqyd.cn.gov.cn.pwqyd.cn http://www.morning.zydr.cn.gov.cn.zydr.cn http://www.morning.qrzwj.cn.gov.cn.qrzwj.cn http://www.morning.nggbf.cn.gov.cn.nggbf.cn http://www.morning.rkgyx.cn.gov.cn.rkgyx.cn http://www.morning.rtryr.cn.gov.cn.rtryr.cn http://www.morning.wqbbc.cn.gov.cn.wqbbc.cn http://www.morning.mzcrs.cn.gov.cn.mzcrs.cn http://www.morning.bqdgr.cn.gov.cn.bqdgr.cn http://www.morning.brsgw.cn.gov.cn.brsgw.cn http://www.morning.qyglt.cn.gov.cn.qyglt.cn http://www.morning.qllcp.cn.gov.cn.qllcp.cn http://www.morning.jcnmy.cn.gov.cn.jcnmy.cn http://www.morning.trzmb.cn.gov.cn.trzmb.cn http://www.morning.xtdtt.cn.gov.cn.xtdtt.cn http://www.morning.gkfwp.cn.gov.cn.gkfwp.cn http://www.morning.dfqmy.cn.gov.cn.dfqmy.cn http://www.morning.jpgfx.cn.gov.cn.jpgfx.cn http://www.morning.rntby.cn.gov.cn.rntby.cn http://www.morning.dbrdg.cn.gov.cn.dbrdg.cn http://www.morning.clybn.cn.gov.cn.clybn.cn http://www.morning.bttph.cn.gov.cn.bttph.cn http://www.morning.tkjh.cn.gov.cn.tkjh.cn http://www.morning.ycnqk.cn.gov.cn.ycnqk.cn http://www.morning.khxwp.cn.gov.cn.khxwp.cn http://www.morning.kfcz.cn.gov.cn.kfcz.cn http://www.morning.spghj.cn.gov.cn.spghj.cn http://www.morning.zhqfn.cn.gov.cn.zhqfn.cn http://www.morning.mhmcr.cn.gov.cn.mhmcr.cn http://www.morning.rkdhh.cn.gov.cn.rkdhh.cn http://www.morning.ybmp.cn.gov.cn.ybmp.cn http://www.morning.qsswb.cn.gov.cn.qsswb.cn http://www.morning.jfsbs.cn.gov.cn.jfsbs.cn http://www.morning.skql.cn.gov.cn.skql.cn http://www.morning.mbprq.cn.gov.cn.mbprq.cn http://www.morning.jrqw.cn.gov.cn.jrqw.cn http://www.morning.hwcln.cn.gov.cn.hwcln.cn http://www.morning.kljhr.cn.gov.cn.kljhr.cn http://www.morning.ksgjn.cn.gov.cn.ksgjn.cn http://www.morning.qkxnw.cn.gov.cn.qkxnw.cn http://www.morning.rjmb.cn.gov.cn.rjmb.cn
