uni-app中vue3版本h5配置proxy跨域代理
uni-app中vue3版本h5配置proxy跨域代理
·
起因:
最开始直接在manifest.json配置文件中配置h5的跨域,使用pathRewrite重写路径时失败。导致代理不成功。
原因:
vue3使用的是vite进行打包的,而uni-app官方文档中在manifest.json配置跨域是使用webpack的。而vite和webpack的跨域重写路径参数是不一样的。有可能是这种原因导致失败的。
方案:
这个时候就不用到manifest.json配置文件中进行配置跨域了,直接在跟目录添加vite.config.js配置文件配置跨域。
import {
defineConfig
} from "vite"
import uni from "@dcloudio/vite-plugin-uni";
export default defineConfig({
plugins: [
uni()
],
server: {
proxy: {
'/test': {
target: '接口地址',
changeOrigin: true,
rewrite: path => {
return path.replace(/^\/test/, '/api')
}
},
}
}
})
更多推荐
已为社区贡献5条内容
所有评论(0)