# 技术文档



框架：uniapp

版本：vue3 + hbuilder 4.29



## 配置跨域代理（vue3+vite）

配置代理实质是配置vite，因此在根目录下创建一个vite.config.js文件，并添加如下配置

```javascript
import {
	defineConfig
} from 'vite';
import uni from '@dcloudio/vite-plugin-uni';

export default defineConfig({
	plugins: [uni()],
	server: {
		proxy: {
			'/api': {
				target: 'http://localhost:8080',
				changeOrigin: true,
				rewrite: (path) => path.replace(/^\/api/, '')
			}
		}
	}
});
```

说明：

1. 可以参考uniapp官网的vite.config.js，和vite官网的对应配置
2. 配置中的proxy代理中的key（'/api'），**一定要留意项目的文件或者路径不要要相同名称的**，否则在浏览器发起请求文件资源的时候就会发生替换导致项目出错加载不了页面



参考

*　[在uniapp Vue3版本中如何解决web/H5网页浏览器跨域的问题](https://blog.csdn.net/qq_18798149/article/details/135544336)
*　[【彻底搞懂】vite proxy如何解决跨域问题](https://segmentfault.com/a/1190000043775780)