UniApp的Vue3版本中H5配置代理的最佳方法

2025/11/5 15:23:49 来源：https://blog.csdn.net/itopit/article/details/143793817 浏览: 次关键词：UniApp的Vue3版本中H5配置代理的最佳方法

UniApp的Vue3版本中H5项目在本地开发时需要配置跨域请求调试

最开始在 manifest.json中配置

在这里插入图片描述
总是报404，无法通过代理请求远程的接口并返回404错误。

经过验证在项目根目录创建 vite.config.js文件

在这里插入图片描述

vite.config.js内容:

// vite.config.js
import {defineConfig
} from 'vite'
import uni from '@dcloudio/vite-plugin-uni' //官方内置的,不用下载,下面代码粘贴直接用即可export default defineConfig({plugins: [uni()],server: {//port: 8300,//端口号proxy: {'/api': {target: 'http://xxxx.xxxx.com', // 目标服务  changeOrigin: true,rewrite: path => path.replace(/^\/api/, ''),}}}
})