uniapp的Vue2,Vue3配置跨域(proxy代理)

vue2

找到manifest.json文件,通过源码视图的方式打开文件:在文件中添加一下代码即可完成代理:

javascript 复制代码
"h5": {
	"devServer": {
		"disableHostCheck": true, //禁止访问本地host文件
		"port": 8000, //修改项目端口
		"proxy": {
			/**配置服务器路径**/
			"/api": {
				"target": "https://api.xxx.com",// 目标服务器
				"changeOrigin": true,
				/**重写路径**/
				"pathRewrite": {
					"^/api": ""
				}
			}
		}
	}
}

vue3

创建uniapp项目,在项目根目录下面创建一个名为vite.config.js的文件(如果不存在),在文件中编辑一下内容即可:

javascript 复制代码
import { defineConfig } from 'vite'
import uni from '@dcloudio/vite-plugin-uni'
 
export default defineConfig({
	plugins: [
		uni()
	],
	server: {
		port: 3000,
		proxy: {
			'/api': {
				target: 'https://api.xxx.com', // 目标服务  
				changeOrigin: true,
				rewrite: path => path.replace(/^\/api/, ''),
			}
		}
	}
})
相关推荐
不羁的fang少年1 小时前
前端常见问题(vue,css,html,js等)
前端·javascript·css
change_fate1 小时前
el-menu折叠后文字下移
前端·javascript·vue.js
weixin_411191843 小时前
flutter中WebView的使用及JavaScript桥接的问题记录
javascript·flutter
百***06013 小时前
SpringMVC 请求参数接收
前端·javascript·算法
天外天-亮3 小时前
Vue + excel下载 + 水印
前端·vue.js·excel
用户47949283569154 小时前
Code Review 惊魂:同事的“优雅”重构,差点让管理员全部掉线
javascript
虚伪的空想家5 小时前
arm架构服务器使用kvm创建虚机报错,romfile “efi-virtio.rom“ is empty
linux·运维·服务器·javascript·arm开发·云原生·kvm
0***K8925 小时前
Vue数据挖掘开发
前端·javascript·vue.js
t***26595 小时前
SpringBoot + vue 管理系统
vue.js·spring boot·后端
蓝胖子的多啦A梦5 小时前
ElementUI表格错位修复技巧
前端·css·vue.js·el-table表格错位