解决nuxt3本地开发代理报错[Vue Router warn]: No match found for location with path “/api/article/page“

本地开发中配置了接口了接口代理

 nitro: {
    devProxy: {
      "/api": {
        target: 'http://127.0.0.1:5000',
       
        changeOrigin: true,
        
      },
     
    },
  },

但是在服务端渲染的过程中会报错
[Vue Router warn]: No match found for location with path "/api/article/page"
在这里插入图片描述
???
之前使用nuxt2没有遇到过这种问题,代理请求怎么跑到匹配路由上了,很懵逼

请求中设置ssr:false,接口只在客户端渲染没问题,但是我的页面需要再服务端渲染

赶紧翻文档瞅瞅

找到了这个配置:

routeRules: {
  '/blog/**': { swr: true },
  '/blog/**': { swr: 600 },
  '/blog/**': { static: true },
  '/blog/**': { cache: { /* cache options*/ } },
  '/assets/**': { headers: { 'cache-control': 's-maxage=0' } },
  '/api/v1/**': { cors: true, headers: { 'access-control-allow-methods': 'GET' } },
  '/old-page': { redirect: '/new-page' }, // uses status code 307 (Temporary Redirect)
  '/old-page2': { redirect: { to:'/new-page2', statusCode: 301 } },
  '/old-page/**': { redirect: '/new-page/**' },
  '/proxy/example': { proxy: 'https://example.com' },
  '/proxy/**': { proxy: '/api/**' },
}

配置一下toureRules的代理就可以了

routeRules:{
    '/api/**':{
      proxy:'http://127.0.0.1:5000/api/**'
    }
  },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值