vue proxy代理 和 Nginx 配置跨域

vue.config.js文件中配置的代理:

 devServer: {port: 9095,// open: true, // 配置项目在启动时自动在浏览器打开proxy: {'/yh': { // '/api'是代理标识,一般是每个接口前的相同部分target: "http://192.168.5.58:8002", // 请求地址,一般是服务器地址changeOrigin: true, // 是否进行跨域// pathRewrite: { // pathRewrite的作用是把请求接口中的 '/api'替换掉,一般是替换为空""//     '^/api':""// }},'/yf': {target: "http://192.168.1.140:9001",  changeOrigin: true,pathRewrite: {'^/yf': ""}},},}

现在在Nginx上做配置
nginx安装请参考:Nginx安装Mac

终端命令cd到nginx所在的目录:cd /opt/homebrew/etc/nginx
cat到nginx.conf 文件:cat nginx.conf
修改该文件: vim nginx.conf (i 进入,配置后,ESC,:wq退出)
在这里插入图片描述
启动服务:brew services start nginx
查看nginx进程: ps -ef | grep nginx
打开页面:locahost:8080(http://127.0.0.1:8080)
我这边是把项目代码打包后,dist存放在 /opt/homebrew/Cellar/web-test/dist;
打开直接是项目页面;

所用到相关的命令:

安装目录  /opt/homebrew/etc/nginx/  (commd+shift+g)或者cd /opt/homebrew/etc/nginx/
启动服务:brew services start nginx
查看nginx进程: ps -ef | grep nginx
修改nginx配置文件:vim nginx.conf    (i进入,修改后,ESC :wq退出)
Nginx重启命令:brew services restart nginx
查看启动是否成功:brew services info nginx
访问地址:http://localhost:8080 

参考文档:
nginx官网文档
Nginx反向代理proxy_pass
vue项目打包到nginx代理配置全流程

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

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

相关文章

4.3【共享源】克隆实战开发之截屏(一)

一,Screen截屏介绍 Screen的截屏是指从源读取像素,然后复制到缓冲区。然后可以根据需要操纵缓冲区;它可以简单地写入文件,也可以在其他窗口或显示器中使用。 Screen API从源中读取像素,并将其复制到提供的缓冲区中以捕获截屏。缓冲区可以是pixmap或窗口缓冲区,但必须设…

众和策略:美股全线上涨 中概股大涨

当地时间12月21日,欧洲股市全线下跌,英国富时100指数、法国CAC40指数、德国DAX指数均小幅下跌。美国通胀降温,美股商场三大指数尾盘飙升,纳斯达克指数、标普500指数均涨逾1%,大型科技股多数上涨,特斯拉涨近…

机器人运动速度与接触力

当机器人以较快的速度移动时,其与周围环境的接触力可能会增加。这是因为机器人快速移动时,其与环境的相互作用时间较短,导致接触力的瞬间增大。 然而,具体的接触力大小还受到其他因素的影响,如机器人的负载、环境条件…

SoapUI、Jmeter、Postman三种接口测试工具的比较分析!

前段时间忙于接口测试,也看了几款接口测试工具,简单从几个角度做了个比较,拿出来与诸位分享一下。本文从多个方面对接口测试的三款常用工具进行比较分析,以便于在特定的情况下选择最合适的工具,或者使用自己编写的工具…

4_js函数的进阶与常用对象的使用

day04_js函数的进阶与常用对象的使用 1. 作用域 作用域:指的就是变量的有效范围 2. 什么是作用域链 作用域链:在访问变量的时候是按照就近原则 3. 简单的理解类和对象 3.1 对象的相关概念 从用户登录的角度理解为什么需要对象 我们为什么要使用对…

React + valtio 响应式状态管理

Valtio 是一个很轻量级的响应式状态管理库。valtio 让数据管理在 React 和原生 JS (Vanilla) 中变得更加简单的一个库,它类似于 Vue 的数据驱动视图的理念,使用外部状态代理去驱动 React 视图来更新。 一、状态管理库 dispatch 流派(单向数据流-中心化管…

Flink 运行时[Runtime] 整体架构

一、基本组件栈 在Flink整个软件架构体系中,同样遵循着分层的架构设计理念,在降低系统耦合度的同时,也为上层用户构建Flink应用提供了丰富且友好的接口。从下图中可以看出整个Flink的架构体系基本上可以分为三层,由上往下依次是 …

MT6739/MTK6739安卓核心板规格参数_MTK平台核心板定制

安卓核心板采用联发科 MT6739 平台开发设计,搭载开放的智能 Android 操作系统。它集成 GPU PowerVR GE8100 570MHz,集成了 BASEBAND、UMCP、PMU 等核心器件,支持 2.4G5G 双频 WIFI(可支持 1*1 MIMO)、BLUETOOTH 近距离无线传输技术&#xff0…

绩效面谈-大公司提高绩效的必杀技

绩效面谈是一种人力资源管理工具,旨在评估员工绩效并为其提供反馈。其意义包括: 为提高绩效制定具体的目标和计划。通过与员工讨论绩效表现,管理人员和员工可以确定明确的目标和方向,以实现更高的绩效水平。 帮助员工理解工作环…

【组合数学】Pólya 计数理论

目录 1. 引言2. 置换群3. Burnside 引理共轭类k 不动置换类Burnside 引理 4. Plya 计数定理4.1 对点着色问题4.2 对面着色问题4.3 重复球放盒子 1. 引言 Plya 计数理论是数学中的一个分支,主要研究的是对称性在组合计数问题中的应用。该理论以匈牙利数学家乔治波利…

关于使用libnet时性能下降的问题分析

Libnet是一个用于构建和注入网络数据包的便携式框架。它提供了在IP层和链路层创建数据包的功能,以及一系列辅助和补充功能。Libnet非常适合编写网络工具和网络测试代码。一些使用libnet的项目包括arping、ettercap、ipguard、isic、nemesis、packit、tcptraceroute和…

服务器加装了14T硬盘,显示不出来,戴尔R730阵列卡配置阵列RAID0

戴尔H730阵列卡配置阵列RAID0,1,5,10_哔哩哔哩_bilibili 然后依据下面的视频进行操作,ctrlr,选raid0 戴尔H730阵列卡配置阵列RAID0,1,5,10_哔哩哔哩_bilibili

myspl左外连

myspl使用左外连接查询所有学生的姓名及选修的课程名称和分数,没有选课的学生姓 名也要显示。 假设我们有两个表,一个是学生表(students),包含学生的学号和姓名,另一个是选课表(courses),包含学生的学号、课程名称和分…

拾捌[18],ROI区域,函数ReduceDomain/WriteRegion/ReadRegion

函数ReduceDomain 函数功能 图像区域定义域缩减,减小图像处理区域以缩短时间,结果图的Row/Column和原图一致。 C形式 LIntExport void ReduceDomain( const HObject& Image, const HObject& Region, HObject* ImageReduced);//参数1:输入图…

【项目问题解决】% sql注入问题

目录 【项目问题解决】% sql注入问题 1.问题描述2.问题原因3.解决思路4.解决方案1.前端限制传入特殊字符2.后端拦截特殊字符-正则表达式3.后端拦截特殊字符-拦截器 5.总结6.参考 文章所属专区 项目问题解决 1.问题描述 在处理接口入参的一些sql注入问题,虽然通过M…

Ubuntu22.04安装python2

Ubuntu 20.04是继Ubuntu 18.04 LTS之后的下一个长期支持(LTS)版本,从Ubuntu 20.04开始系统不再预装python2。 如果我们有一些老旧的代码需要运行,可以在新版的Ubuntu系统上自行安装python2。 安装命令: sudo apt install python2查看pytho…

《Python Advanced Programming + Design Patterns + Clean Code》

清洁代码 — 学习如何编写可读、可理解且可维护的代码 高级Python编程知识 Python之常用设计模式 Advanced Programming装饰器 decorators生成器 & 迭代器with 上下文管理器面向对象Mixin 模式反射机制并发编程 Design Patterns设计模式分类简单工厂模式工厂模式 √抽象工厂…

Java 多线程执行任务

需求: 通过多线程 调用第三方的接口,处理数据,并得到返回值: main方法测试: package auto.thread;import java.util.ArrayList; import java.util.Date; import java.util.List; import java.util.concurrent.CopyOn…

2024年软件测试工程师如何从功能测试转成自动化测试?

前言 接触了太多测试同行&#xff0c;由于多数同行之前一直做手工测试&#xff0c;现在很迫切希望做[<u>自动化测试</u>](javascript:;)&#xff0c;其中不乏工作5年以上的同行。 从事软件自动化测试已经近十年&#xff0c;接触过底层服务端、API 、Web、APP、H5…

【lesson20】MySQL复合查询(1)基本查询回顾、多表查询和自连接

文章目录 基本查询回顾建表插入数据实例 多表查询建表插入数据实例 自连接建表插入数据实例 基本查询回顾 建表 插入数据 实例 查询工资高于500或岗位为MANAGER的雇员&#xff0c;同时还要满足他们的姓名首字母为大写的J 按照部门号升序而雇员的工资降序排序 使用年薪进行降…