nuxt3 本地开发代理 proxy 怎么配置?
时间: 2023-02-16 19:36:17 浏览: 1400
Nuxt3全栈开发简书.zip
5星 · 资源好评率100%
在 nuxt.config.js 中添加如下内容:
```
module.exports = {
proxy: {
'/api': {
target: 'http://localhost:3000',
pathRewrite: {
'^/api': '/'
}
}
}
}
```
这样,当你在应用中使用 /api 开头的路径时,它将会被代理到 http://localhost:3000 。例如,如果你的应用中有这样的路径:/api/users,它将会被代理到 http://localhost:3000/users。
pathRewrite 选项允许你重写路径。在这个例子中,'^/api' 表示以 /api 开头的路径,'/' 表示替换成根路径。这样,/api/users 就会被代理到 http://localhost:3000/users,而不是 http://localhost:3000/api/users。
可以在官方文档中了解更多关于代理的内容:https://nuxtjs.org/api/configuration-proxy/
阅读全文