nuxt3中$fetch方法delete请求不传body500报错 后台delete请求参数写在query中,当只传query时报错500内部服务错误,后台断点进不去。但是当传入body请求体时接口正常进入。不知道什么原因多次尝试后发现。后台加入跨域或配置devProxy可解决问题.由于我是配置routeRules处理的跨域。如下 nitro:{//devProxy:{//'/api': {...
nuxt3:接口转发,实现跨域 简介:nuxt3:接口转发,实现跨域 一、背景 当接口请求的域名和项目适用的域名不一致时候,可以适用接口转发的方法实现跨域。 原理:服务的请求接口是不跨域的,nuxt3服务端请求接口后转发给localhost:3000。 本地开发,生产环境均可以使用。 二、理解服务器中间件 Nuxt将自动读取~/server/middlewar...
body = JSON.stringify(await readBody(event)) } const resBody = await $fetch(baseURL + url, options) .then(res => res) .catch(err => { return { code: -1, msg: '服务端错误', payload: null } }) return resBody } }) nuxt3中开发环境正常编译和访问,打包时报错 ERROR RollupError...
下列情况都是不需要跨域的请求,服务端和客户端不需要做其他配置代理就可以请求的内容 useAsyncData && useLazyAsyncData useAsyncData 需要结合$fetch来使用,且要 传入一个唯一的key值,防止请求过多数据混乱,lazy默认为false ,会在从别的页面跳转进来时阻塞路由跳转即:需要先请求完后路由才会切换 useLazyAsyncData 的la...
const res = $fetch('/api/m-staff-center/api/v1/role/pageList')console.log('32fetch', res) 经过测试,这样的方式,本地代理成功。401是接口返回的内容,没有登录。 三、欢迎交流指正,关注我,一起学习。 nitro 本地代理,为什么会这样呢,有待继续探索。欢迎留言指正。
SWR:stale-while-revalidate,一种由 HTTP RFC 5861(opens in a new tab) 推广的 HTTP 缓存失效策略。这种策略首先从缓存中返回数据(过期的),同时发送 fetch 请求(重新验证),最后得到最新数据。使用 SWR,组件将会不断地、自动获得最新数据流。UI 也会一直保持快速响应。参见:https://swr.vercel.app/zh-CN ...
根据自己喜好选择axios、useFetch,axios属于客户端发送请求受跨域影响,useFetch属于第一次渲染页面为服务端请求无跨域影响、再次返回页面为客户端请求受跨域影响。如果需要同时使用两种,建议把共同的枚举统一放到同一个文件 十、插件plugins 创建plugins目录,创建.ts文件,并非.tsx 自动plugins目录中的文件,并在创建Vue应用...
请求数据时就可以写成,如果不配置routeRules,会使页面首屏加载时,请求错误。 代码语言:txt 复制 const { data } = await useLazyFetch( '/api/xxxxx/xxx/xx', { // baseURL: process.server ? 'https://i.maoyan.com/api' : '', 如果不配置routeRules,兼容服务端与客户端请求可以这样写 ...
import { ElMessage } from element-plus const fetch = (url: string, options?: any): Promise<any> => { const token = useCookie("token"); const headers = { // headers信息 Authorization : `Bearer ${token.value}` } const { public: { baseUrl } } = useRuntimeConfig() const reqUrl...
fetch() { console.log(window) // 服务端报错 }, created () { console.log(window) // undefined }, mounted () { console.log(window) // Window {postMessage: ƒ, blur: ƒ, focus: ƒ, close: ƒ, frames: Window, …}