#原因:
uniapp项目中最开始直接在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: {
‘/api’: {
target: ‘http://127.0.0.1:8081’,
changeOrigin: true,
rewrite: path => {
return path.replace(/^/api/, ‘’)
}
},
}
}
})