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/, ''),
			}
		}
	}
})
相关推荐
涵信2 小时前
第一节 基础核心概念-TypeScript与JavaScript的核心区别
前端·javascript·typescript
小公主3 小时前
JavaScript 柯里化完全指南:闭包 + 手写 curry,一步步拆解原理
前端·javascript
TGB-Earnest5 小时前
【leetcode-合并两个有序链表】
javascript·leetcode·链表
GISer_Jing5 小时前
JWT授权token前端存储策略
前端·javascript·面试
拉不动的猪5 小时前
es6常见数组、对象中的整合与拆解
前端·javascript·面试
GISer_Jing6 小时前
Vue Router知识框架以及面试高频问题详解
前端·vue.js·面试
放逐者-保持本心,方可放逐6 小时前
webgl(three.js 与 cesium 等实例应用)之浏览器渲染应用及内存释放的关联与应用
开发语言·javascript·webgl·顶点着色器·three.js 释放·cesium 释放·片元着色器
行云流水6266 小时前
js实现输入高亮@和#后面的内容
前端·javascript·css
「、皓子~7 小时前
AI创作系列(2):UniApp跨端开发实战 - 海狸IM移动端完全由AI编写
开发语言·人工智能·uni-app·开源·vue·开源软件·ai编程
戒不掉的伤怀7 小时前
react实现axios 的简单封装
javascript·react.js·ecmascript