vite中proxy跨域配置实例

最新推荐文章于 2024-08-27 14:58:32 发布

q124467623

最新推荐文章于 2024-08-27 14:58:32 发布

阅读量883

点赞数

分类专栏： vue vite 跨域文章标签：前端

本文链接：https://blog.csdn.net/q124467623/article/details/127606606

版权

vue 同时被 3 个专栏收录

6 篇文章 0 订阅

订阅专栏

vite

1 篇文章 0 订阅

订阅专栏

跨域

1 篇文章 0 订阅

订阅专栏

vite中和webpack跨域配置稍有区别，下面用一个具体实例描述vite中解决跨域的配置

1. 如请求的实际接口是http://10.10.0.21:8080/geoserver/beijing/wms

2. axios中url的路径只需写'/geoserver/qijiang/wms'

3. vite中配置的几种写法

proxy: {
	/* 第一种写法 */
	// '^/geoserver': {
	// 	target: 'http://10.10.0.21:8080/',
	// 	changeOrigin: true, // 允许跨域
	// 	rewrite: (path) => path.replace(/^\/geoserver/, '/geoserver'),
	// },

	/* 第二种写法 */
	'^/geoserver': {
		target: 'http://10.10.0.21:8080/',
		changeOrigin: true,
	},

	/* 第三种写法 */
	// '/geoserver': 'http://10.10.0.21:8080/',
},