小程序/App和H5/Web端代理问题梳理

news/2024/7/20 2:03:42 标签: 小程序, 前端

思路:
web端和h5是需要在浏览器访问的,由于浏览器的同源(同域)策略,会出现跨域的情况,所以需要在配置文件中添加反向代理。

小程序和app由于不受同源策略的影响,所以不需要进行反向代理,同时小程序必须得用https协议域名。

在开发的时候如果没有https域名,可以先在本地开启‘不校验合法域名’。

各端如何配置代理:
1.H5

// config.js
h5:{
	devServer:{
		host:127.0.0.1,
		port:8088,
		proxy:{
			"/api": {
				target: "http://www.baidu.com", // 代理到的目标域名
				changeOrigin: true, // 是否支持跨域
				pathRewrite: {  // 接口地址中又api则不需要配置,没有则需要配置,替换成正确的请求接口地址
					"^/api": ""
				}
			}
		}
	}
}

2.Web端

// vue.config.js
const config = {
	devServer:{
		host:127.0.0.1,
		port:8088,
		proxy:{
			"/api": {
				target: "http://www.baidu.com", // 代理到的目标域名
				changeOrigin: true, // 是否支持跨域
				pathRewrite: {  // 接口地址中又api则不需要配置,没有则需要配置,替换成正确的请求接口地址
					"^/api": ""
				}
			}
		}
	}
}
module.exports = config

3.小程序/App

// httpRequest.js
const BASE_URL = "http://192.168.1.193:8999"
axios.post({
	url: BASE_URL + '/system/login',
	method: "post",
	data: {入参}
})

http://www.niftyadmin.cn/n/5361045.html

相关文章

跟着cherno手搓游戏引擎【18】抽象Shader、项目小修改

抽象&#xff1a; Shader.h: #pragma once #include <string>namespace YOTO {class Shader {public:virtual~Shader()default;virtual void Bind()const0;virtual void UnBind()const0;static Shader* Create(const std::string& vertexSrc, const std::string&am…

uniapp实现自定义底部tab栏

1、自定义底部导航组件接收一个tabs数组作为参数&#xff0c;每个数组项包含icon和text字段&#xff0c;用于表示每个底部标签的图标和文本。通过遍历tabs数组&#xff0c;渲染每个底部标签项的图标和文本。activeIndex表示当前选中的底部标签的索引。点击底部标签时&#xff0…

three.js CSS3DObject、CSS2DObject、CSS3DSprite、Sprite的作为标签的区别

CSS3DObject、CSS2DObject、CSS3DSprite、Sprite的作为标签的区别 是否面向相机场景缩放时&#xff0c;是否会跟随是否会被模型遮挡CSS2DObject是否否CSS3DObject否是否CSS3DSprite是是是Sprite是是是 CSS3DObject 和 CSS3DRenderer 搭配来渲染标签&#xff1b; CSS2DObject …

【Java开发岗面试】八股文—微服务、消息中间件

声明&#xff1a; 背景&#xff1a;本人为24届双非硕校招生&#xff0c;已经完整经历了一次秋招&#xff0c;拿到了三个offer。本专题旨在分享自己的一些Java开发岗面试经验&#xff08;主要是校招&#xff09;&#xff0c;包括我自己总结的八股文、算法、项目介绍、HR面和面试…

ubuntu 上安装和配置Apache2+Subversion

目录 一、安装Apache2和SVN 二、Apache2设置 三、subversion配置 四、创建仓库和设置权限 五、仓库备份和恢复 系统环境 Ubuntu Linux (20.04) apache2 Subversion(1.13.0) 一、安装Apache2和SVN 通过命令在线安装apache2和subversion apt-get install apache2 libap…

【XR806开发板试用】xr806使用tcp socket与手机通信

本文为极术社区XR806开发板活动试用文章。 参考&#xff1a;基于星辰处理器的全志XR806开源鸿蒙开发板上手体验 搭建环境。并成功编译。 项目源码 &#xff1a; https://gitee.com/kingwho/smart-home 在同一个局域网中&#xff0c;手机与xr806连接后&#xff0c;手机 APP 每隔…

Java安装环境(MacOS)JDK+Maven+Idea插件+nvm等

Java安装环境(MacOS)JDKMavenIdea插件nvm等 背景&#xff1a;新机安装开发环境发现需要找很多文章&#xff0c;&#xff0c;&#xff0c;&#xff0c;这里一篇文章安装所有环境 文章目录 Java安装环境(MacOS)JDKMavenIdea插件nvm等一、安装JDK①&#xff1a;下载②&#xff1a;…

关于node.js奇数版本不稳定 将11.x.x升级至16.x.x不成功的一系列问题(一)

据说vue2用16稳定一些 vue3用18好一点&#xff08;但之前我vue3用的16.18.1也可以&#xff09; 为维护之前的老项目 先搞定node版本切换 下载nvm node版本管理工具 https://github.com/coreybutler/nvm-windows/releases 用这个nvm-setup.zip安装包 安之前最好先将之前的nod…