nuxt3是前端开发中常见的SEO框架之一，nuxt3发布至今基于nuxt3开发的网站也越来越多。本篇就来聊聊关于nuxt3开发遇到的那些问题。

开发中首当其冲的就是和后台的数据交互，那么在nuxt3中关于和后台的数据交互又会遇到哪些常见问题呢？

比如基于nuxt3开发的项目部署时，在服务器上跨域请求问题。

说到跨域请求就不得不了解基于nuxt3的nitro中的参数配置。

    devProxy：本地服务器配置跨域

    routeRules：服务器配置跨域设置

通过对上述两个配置参数的处理即可解决在Nuxt3中的跨域问题。

nuxt3跨域配置如下：

export default defineNuxtConfig({
	server: true, //开启服务端渲染或者预渲染
	nitro: {
		devProxy: {
			'/apis': {
				target: 'http://域名',
				changeOrigin: true,
				prependPath: true
			},
		},
		// 该配置用于服务端请求转发
		routeRules: {
		  '/apis/**': {
			proxy: 'http://域名/**'
		  }
		}
	},
	...
})

如上配置信息，将域名替换成你数据api请求的域名路径即可。

注意项：

    **不可缺少哦！