之前的一个需求,发现我使用nuxt3的方式一直是错的
那么如何隐藏接口呢,只需要配置代理转发即可,我这里使用的nitro,该模块在本项目使用的nuxt3.12.4是内置的,话不多说,直接上代码,
首先在defineNuxtConfig显示的声明 ssr:true,
然后`
ssr:true,
nitro: {
devProxy: {
"/api": {
target: "https://www.client-texample.com", // 这里是客户端请求接口地址
changeOrigin: true,
prependPath: false,
},
},
// 服务器代理
routeRules: {
'/CacheUrl/**': {
proxy:"https://www.server-example.com/*",
}
}
},
这样配置后在请求**/api/exapmle/getdata**该地址会被转发到https://www.client-texample.com/api/exapmle/getdata,这里可以配置prependPath: false
请求路径的前缀不会被附加到目标URL上即可