Nuxt项目中如何配置axios实现跨域请求？

本文共计784个文字，预计阅读时间需要4分钟。

Nuxt 是一个基于 Vue 的项目服务器端渲染（SSR）解决方案。在使用过程中，可能会遇到前后端分离情况下域名或端口不一致导致的跨域问题。本文将介绍如何通过配置代理来解决 Nuxt 与 axios 集成的跨域问题。

Nuxt 是 Vue 项目服务器端渲染（SSR)解决方案。而在使用时，就会遇到前后端分离情况下的域名或端口不一致导致的跨域问题。本文将介绍如何通过设置代理解决 Nuxt 与 axios 集成的跨域问题。

解决跨域

Nuxt 使用 axios 为避免出现前端页面跨域问题，需要安装 @nuxtjs/axios 和 @nuxtjs/proxy 两个模块。

用 yarn 安装：

yarn add axios @nuxtjs/axios @nuxtjs/proxy

使用 npm 安装：

npm install axios @nuxtjs/axios @nuxtjs/proxy

注意：不需要手动注册 @nuxtjs/proxy 模块，但是必须要确保它在依赖项中。