uniapp之Vue3配置跨域(代理)
在uni-app中,我们可以使用vue.config.js文件来配置跨域(代理)。以下是一个示例:
// vue.config.js
module.exports = {
devServer: {
proxy: {
'/api': { // 这里填写你要代理的接口前缀,例如'/api'
target: 'http://localhost:3000', // 这里填写你要代理的目标服务器地址
changeOrigin: true, // 改变请求头中的host为目标服务器地址
pathRewrite: { // 重写路径,例如将/api/user重写为/user
'^/api': ''
}
}
}
}
}
在这个例子中,我们将所有以’/api’开头的请求代理到’http://localhost:3000’。这样,我们就可以在本地开发环境中访问后端服务器了。
注意:这个配置只在开发环境中生效,生产环境需要另外配置。