You are viewing a single comment's thread from:

RE: Nuxt开发指南

in #starnote2 days ago
//可以用以下测试是否在客户端:
console.log(12, document.cookie)
console.log(33, window)
注意: setup是在服务端,其中的函数却基本都在客户端渲染!

//组件中客户端渲染
<ClientOnly> component 只在客户端呈现它的slot。若只在客户端导入组件,请在客户端插件中注册该组件。
<ClientOnly fallback-tag="span" fallback="Loading comments...">
  客户端渲染
</ClientOnly>

//js中的使用
if (process.server){
  //服务器端
}
process.client  //客户端
// //import.meta.client

//在路由中设为单页面渲染,也就是关闭ssr
//nuxt.config.ts 如下设置,则gpt页面则只客户端渲染
routeRules: {
    '/gpt': { ssr: false },    
},