uniapp+veu3在vite.config.ts配置代理解决跨域问题

ops/2024/10/21 22:49:41/

我的本地服务接口地扯是:http://localhost/test/Test.php?user_id=1

我的前端访问地扯是:http://localhost:5173/

前端访问后端服务接口就会跨域,配置代理如下:

配置文件名:vite.config.ts

import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";// https://vitejs.dev/config/
export default defineConfig({plugins: [uni()],server: {proxy: {'/api': {target: 'http://127.0.0.1',changeOrigin: true,rewrite: (path) => path.replace(/^\/api/, ''),},},},
});

前端api访问使用相对路径:前面加‘/api’

return request<User>(`/api/test/Test.php?user_id=${userId}`) 

 我在这里碰到一个坑,不知道为什么用域名http://locahost代理不起作用,使用http://127.0.0.1就可以。不知道是不是都是用的本地地扯的原因。


http://www.ppmy.cn/ops/127396.html

相关文章

Redis --- 第八讲 --- 关于主从复制哨兵

主从复制的补充问题 从节点和主节点之间断开连接&#xff0c;有两种情况&#xff1a; 1、从节点和主节点断开连接 slaveof no one 命令。这个时候&#xff0c;从节点就能能够晋升成主节点。意味着我们程序员要主动修改redis的组成结构。&#xff0c; 2、主节点挂了 这个时…

使用PHP-Xlswriter导出数据库表至excel

/*** 导出测试* author LWW*/public function export(){$header [[title > 一级表头1,children > [[title > 二级表头1,],[title > 二级表头2,],[title > 二级表头3,],]],[title > 一级表头2],[title > 一级表头3,children > [[title > 二级表头1,…

用户的访问行为是否影响网站在搜索引擎上的排名呢?

用户访问数据是否影响网站在搜索引擎上的排名呢&#xff1f; 大家好&#xff0c;我是SEO专家&#xff08;林汉文&#xff09;&#xff0c;在搜索引擎优化&#xff08;SEO&#xff09;的讨论中&#xff0c;用户访问数据是否会直接影响网站在搜索引擎结果页面&#xff08;SERP&a…

JVM篇(学习预热 - JVM正式展开 - (实战课程学习总结))(持续更新迭代)

目录 感觉也看了这么多&#xff0c;说一些乱七八糟的内容&#xff0c;完全没有实质的收获&#xff0c;那么现在让我们正式来预热下JVM 吧&#xff1f; 一、程序的执行方式 二、为什么使用 JVM 三、字节码和机器码的区别 四、JDK、JRE与JVM的关系 五、OracleJDK和OpenJDK …

typescript 中封装一个 class 来解析接口响应数据

在TypeScript中&#xff0c;封装一个类来解析接口响应数据是一个常见的做法&#xff0c;它允许你将与接口响应相关的逻辑封装在一个可复用的单元中。下面是一个示例&#xff0c;展示了如何定义一个TypeScript类来解析一个假设的API接口响应数据。 首先&#xff0c;我们定义一个…

如何使用Rancher管理K8S集群

目录 1 Rancher介绍 1.1 Rancher简介 1.2 Rancher和k8s的区别 1.3 Rancher使用案例 2安装rancher 2.1 初始化实验环境 2.2 安装Rancher 2.3 登录Rancher平台 3 通过Rancher管理已存在的k8s集群 4 通过Rancher仪表盘管理k8s集群&#xff1a;部署tomcat服务 文档中…

【React】在 React 项目中引入图片

import import React from react; import myImage from ./path/to/image.jpg;function MyComponent() {return <img src{myImage} alt"description" />; }require&#xff08;虽然现在比较少用&#xff09; import React from react;function MyComponent() …

生成式人工智能如何帮助我们更有效地传达信息

来源&#xff1a;Graves, C. (2023, February 16). Generative AI can help you tailor messaging to specific audiences. Harvard Business Review. https://hbr.org/2023/02/generative-ai-can-help-you-tailor-messaging-to-specific-audiences 想象一下&#xff0c;你是一…