Vue62-配置代理-方式一

一、业务场景

有两个服务器: 

二、可用的ajax请求 

推荐使用:axios。 

三、axios发送请求 

报错原因:跨域,违背了同源策略:协议名,主机名,端口号!

四、同源策略 

4-1、跨域请求问题的解决方式 

前端不用动,需要麻烦后端人员。

五、代理服务器的开启

1、nginx:反向代理服务器

2、借助vue-cli(四行代码)

5-1、配置代理服务器(vue.config.js)

改了 vue.config.js,需要重启vue项目!

5-2、修改请求接口 

改为代理服务器的端口=当前项目的启动端口 

5-3、两个注意细节

1、不能灵活的控制走不走代理!

代理服务器8080,不是将任何的请求转发给5000。比如:请求的资源代理服务器8080有,则不转发。

public文件夹=8080代理服务器的根路径

2、不能配置多个代理!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/855373.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

MySQL单表增删改查操作(DML和DQL)以及数据库函数学习

MySQL操作多表查询 创建表 create table employee(id int auto_increment comment ID primary key,workno varchar(10) comment 工号,name varchar(10) comment 姓名,gender char(1) comment 性别,age tinyint unsigned comment 年龄,idcard char(18) comment 身份证,entryda…

python5 正则表达式

Python中的正则表达式是一种强大的工具,用于在文本中搜索、匹配和处理特定模式的字符串。它们通过定义一种模式,使得可以轻松地搜索、替换、提取和验证文本数据,在Python中的正则表达式由re模块提供支持的。 正则表达式通常用于以下任务&…

UE4_材质_雨滴涟漪效果ripple effect_ben教程

学习笔记,不喜勿喷!侵权立删,祝愿生活越来越好! 雨水落下时会产生这些非常漂亮的同心环波纹,我们要做的第一件事是创建一个单个的圆环遮罩动画,我们希望环在开始的时候在中心很小,然后放大&…

音频基础知识和音频指标

音频基础知识 声音 声音(sound)是由物体振动产生的声波。物体在一秒钟之内振动的次数叫做频率,单位是赫兹,字母Hz。人耳可以识别的声音频率在 20 Hz~20000 Hz之间; 声音三要素: 响度 响度,…

kaggle notebook和jupyter notebook读取csv

kaggle本地比赛用打开notebook的示例代码可以获取当前比赛的文件数据路径,进而后续直接复制读取 jupyter notebook读取csv 直接下载数据集到电脑上,并用本地路径读取就行。

无线备网,保障连锁零售数字化运营

为了提升运营效率、改进客户体验,零售商们不断引入新的数字化工具和平台,包括数字化收银、客流统计、客户关系管理系统等。现代化智慧零售的运营更加依赖于稳定、高效的网络连接,数字化网络不仅是提升运营效率和客户体验的关键,还…

HTML+CSS+PHP实现网页留言板功能(需要创建数据库)

话说前头&#xff0c;我这方面很菜滴。这是我网页作业的一部分。 1.body部分效果展示&#xff08;不包括footer&#xff09; 2、代码 2.1 leaving.php&#xff08;看到的网页&#xff09; <!DOCTYPE html> <html lang"en"> <head> <met…

分数限制下,选好专业还是选好学校

目录 1.概述 1.1.综合考虑 1.2.个人经验分享 2.专业解析 2.1. 计算机科学与技术 2.2. 英语 2.3. 法学 2.4.专业VS学校 2.5.建议 3.名校效应分析 3.1. 名校声誉&#xff08;品牌效应&#xff09; 3.2. 资源获取 3.3. 学术氛围 3.4. 就业优势 3.5.小结 4.好专业和…

【启明智显产品分享】Model4 工业级HMI芯片详解(三):高安全、防抄板

Model4 工业级HMI芯片详解系列专题&#xff08;三&#xff09;【高安全、防抄板】 随着物联网和智能设备的快速发展&#xff0c;设备安全认证的需求日益迫切。硬件安全认证和保护在确保设备和身份安全中发挥着不可替代的作用&#xff0c;需要与软件安全相结合&#xff0c;共同构…

vue修改node_modules打补丁步骤和注意事项_node_modules 打补丁

1、vue-pdf问题解决及patch-package简介&#xff1a;https://www.jianshu.com/p/d1887e02f8d6 2、使用“黑魔法”优雅的修改第三方依赖包&#xff1a;https://zhuanlan.zhihu.com/p/412753695 3、使用patch-package定制node_modules中的依赖包&#xff1a;https://blog.csdn.…

git使用摘樱桃的方式,实现特定需求进行提交合并

文章目录 先checkOut到主要的分支(需求提交到这) 然后双击点别的需求分支,对提交内容选定 进行摘樱桃操作 然后双击回到主要分支,会发现那2个提交内容代码已经在主要分支的本地里,选中其 右键选择Squash Commits进行合并 标注自己的需求标题提交名更改后, 最后进行push推送到…

defer+recover机制处理错误

问题&#xff1a;多个协程工作&#xff0c;其中一个协程出现panic&#xff0c;导致程序崩溃 解决办法&#xff1a;利用deferrecover捕获panic进行处理&#xff0c;即使协程出现错误&#xff0c;主线程仍然不受影响可以继续执行 package mainimport ("fmt""tim…

洛谷——P2824 排序

题目来源&#xff1a;[HEOI2016/TJOI2016] 排序 - 洛谷https://www.luogu.com.cn/problem/P2824 问题思路 本文介绍一种二分答案的做法&#xff0c;时间复杂度为&#xff1a;(nm)*log(n)*log(n).本题存在nlog(n)的做法&#xff0c;然而其做法没有二分答案的做法通俗易懂. 默认读…

DW数学建模学习笔记——task1

第1章 解析方法与几何模型 1.1 向量表示法与几何建模基本案例 1.1.1 几何建模的思想 数学世界的探索始于计数和丈量。计数带来了数字和代数学&#xff0c;而丈量则推动了几何学的发展。高中毕业后&#xff0c;我们对数学模型的理解还较浅&#xff0c;但几何模型对我们而言是…

gitlab升级16.11.3-ee

背景 这是事后一段时间补充记录的博客。 升级目的&#xff1a;修补漏洞CVE-2024-4835 未经认证的威胁攻击者能够利用该漏洞在跨站脚本 (XSS) 攻击中&#xff0c;轻松接管受害者账户。 gitlab版本为14.6.2-ee升级至16.11.3-ee 思路 翻阅文档找升级方法及升级版本路径。使用…

Express中的路由使用

在Express中&#xff0c;路由是一个核心概念&#xff0c;它定义了客户端的请求与服务器处理函数之间的映射关系。 路由的基本概念&#xff1a; 路由在广义上可以理解为一种映射关系。在Express中&#xff0c;路由特指客户端的HTTP请求&#xff08;如GET、POST等&#xff09;与…

clangd报错 “stddef.h not found“

vscode作为主力ide&#xff0c;C项目文件多了后&#xff0c;自带的C插件符号解析和跳转速度极为缓慢。通过使用clangd插件可以解决这个问题。 clangd下载地址: Releases clangd/clangd (github.com) 该地址没有aarch64架构的包&#xff0c;因此需要下载整体的llvm包&#xf…

AI智能盒子助力打造垃圾发电AI应用标杆!

垃圾焚烧发电作为一种新型的垃圾处理方式&#xff0c;能将其转化为电能&#xff0c;实现资源的再利用&#xff0c;成为实现节能环保的重要方式之一。为有效落实环境、安全、健康及社会责任管理体系&#xff0c;知名垃圾发电投资运营商光大环保能源致力于广泛利用科技&#xff0…

4.2、浏览器请求详解(ajax、fetch、axios使用,手写ajax)

浏览器请求详解 1.ajax手写ajax 2. fetch2.1 Response2.2 定制 HTTP 请求2.3 option API2.4 fetch cancel 3.axios3.1 基本使用3.2 响应数据3.3 创建实例&#xff08;封装&#xff09;3.4 拦截器3.5 完整的请求配置 总结 在浏览器端发送网络请求的常见方式&#xff1a; ajax&am…

「Python-docx 专栏」docx设置页眉、页眉字体、页眉对齐方式

本文目录 前言一、docx 设置页眉1、完整代码2、实际效果图3、常见问题二、docx 设置页眉及对齐方式1、完整代码2、实际效果图3、常见问题①、对齐方式讲解②、字体号与Pt的对应关系三、docx设置页眉,两段文本,两端对齐1、完整代码2、实际效果图3、需要注意的问题①、为什么使…