nuxt 如何写公共函数

在 Nuxt 中可以通过插件的方式来定义公共函数，具体步骤如下：

1. 在 `plugins` 目录下新建一个 js 文件，例如 `utils.js`。

2. 在 `utils.js` 中定义你需要的公共函数，例如：

   export function formatDate(date) {
     // 将日期格式化为字符串
   }

3. 在 `nuxt.config.js` 中注册该插件，例如：

   module.exports = {
     // ...
     plugins: [
       { src: '@/plugins/utils.js', mode: 'client' }
     ]
   }

4. 在需要使用该公共函数的页面或组件中，可以通过 `this.$<函数名>` 来调用，例如：

   <template>
     <div>{{ formatDate(new Date()) }}</div>
   </template>
   
   <script>
   export default {
     methods: {
       formatDate
     }
   }
   </script>

这样就可以在 Nuxt 中定义和使用公共函数了。

相关问题

nuxt asyncData 使用公共函数

可以在 Nuxt.js 的 `asyncData` 方法中使用公共函数，只需要在 `plugins` 目录下新建一个 JavaScript 文件，将公共函数定义在其中，然后在 `nuxt.config.js` 文件中引入该文件即可。

例如，我们在 `plugins/utils.js` 文件中定义了一个 `fetchData` 函数：

export function fetchData() {
  // 这里是获取数据的逻辑
}

然后在 `nuxt.config.js` 文件中引入该文件：

export default {
  plugins: [
    '~/plugins/utils.js'
  ]
}

最后在需要使用该函数的页面组件中，可以通过 `this.$fetchData` 调用该函数：

export default {
  async asyncData({ $fetchData }) {
    const data = await $fetchData()
    return { data }
  }
}

这样就可以在 `asyncData` 方法中使用公共函数了。

nuxt 中间件 跨域

在Nuxt中，可以使用中间件来处理跨域请求。您可以在~/server/middleware目录中创建一个文件，并在该文件中编写中间件的逻辑。这些中间件文件将在每个请求上运行，并且可以用于添加公共标头、记录响应或修改传入请求对象以供以后在请求链中使用。

在Django中，您可以使用@csrf_exempt装饰器来避免跨站请求伪造（CSRF）的限制。通过在视图函数上应用该装饰器，您可以允许跨域的请求。例如，在一个名为add_bookshelf的视图函数上应用@csrf_exempt装饰器，就可以避免CSRF限制。

而在server/middleware/marking-center.ts中的代码是一个示例，它使用了Django的中间件来处理跨域请求。通过导入csrf_exempt装饰器，并在视图函数上应用该装饰器，可以避免CSRF限制。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [nuxt3：接口转发，实现跨域](https://blog.csdn.net/snowball_li/article/details/129035109)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [django 取消csrf限制的实例](https://download.csdn.net/download/weixin_38748207/14850740)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]