学习nuxt3笔记三-区分server和cilent 调试nuxtnuxt3区分server以及cilent 方法一：u

学习视频：www.bilibili.com/video/BV11W…

区分server和cilent

方法一

app.vue

<script setup>
const config=useRuntimeConfig()
// console.log(config.count);
// console.log(config.public.baseURL);

if(config.isServer){
  console.log('服务端');
}else{
  console.log('客户端');
}

</script>

nuxt.config.ts

 runtimeConfig: {
    //只能在服务端期间收到
    count:0,
    isServer:'111',
    //可以在服务端和客户端期间收到
    public: {
      baseURL: 'https:locoalhost:3000',
    },
  },

用到的知识点：runtimeConfig里面，pubic中的数据服务端，客户端都可以拿到，不是public里面的的数据，只有服务端可以拿到。所以第一次在服务端执行的时候，可以获取到isServer的值，第二次在客户端的时候，不可以获取到isServer的值。

方法二常用的方法

app.vue

<script setup>
if(import.meta.server){
  console.log('服务端');
}else{
  console.log('客户端');
}
const config=useRuntimeConfig()
// console.log(config.count);
// console.log(config.public.baseURL);

// if(config.isServer){
//   console.log('服务端');
// }else{
//   console.log('客户端');
// }


</script>