【Vue】前端解决跨域问题——反向代理

news2024/12/23 13:09:00

在 axios 请求路径只需填写资源路径:

axios.get('/users').then(res => {
  console.log(res)
})

此时相当于向自己发送请求,会报 404。

然后在 vue.config,js 中配置反向代理:

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false, /*关闭语法检查*/
  // 配置反向代理
  devServer: {
    proxy: {
      // /adminapi/* - 后台管理使用
      // /webapi/* - 企业官网使用
      '/adminapi': {
        target: 'http://localhost:3000',
        changeOrigin: true,
      }
    }
  }
})

利用反向代理将请求转发出去。

在这里插入图片描述

请求成功!

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

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

相关文章

智安网络|从区块链到社交网络:解析去中心化的意义与应用

在当今数字化的世界中,一个越来越常见的概念是“去中心化”。从区块链技术到金融系统,从社交网络到数据存储,去中心化被认为是一种前所未有的方式来重新定义和改变传统的中心化结构。那么,去中心化到底是什么? 首先&a…

ThreadX任务栈大小确定及其溢出检测方法详解

在使用ThreadX实时操作系统(RTOS)进行嵌入式系统开发时,合理确定任务栈的大小及进行溢出检测是非常重要的。本篇博客将介绍如何确定ThreadX任务栈大小以及常用的溢出检测方法,并提供相应的代码示例。 一、确定ThreadX任务栈大小 …

基于springboot实现滴答拍摄影项目【项目源码+论文说明】计算机毕业设计

摘要 拍摄能让人放开自我、因看到不同的美景都想留下美好的记忆,有些人喜欢拍摄静物来表现宁静的氛围,通过小品类的照片,传达内心的情绪。而我更喜欢另一种方式,就是用长时间曝光把波动的海水或湖水雾化,拍摄出来的作…

Linux Docker图形化工具Portainer如何进行远程访问

文章目录 前言1. 部署Portainer2. 本地访问Portainer3. Linux 安装cpolar4. 配置Portainer 公网访问地址5. 公网远程访问Portainer6. 固定Portainer公网地址 前言 Portainer 是一个轻量级的容器管理工具,可以通过 Web 界面对 Docker 容器进行管理和监控。它提供了可…

【合宙Air700E/780E短信转发】短信转发移动联通 不要钉钉不要微信,转发自建服务器-傻瓜式搭建

官方提供的教程介绍了通过钉钉、微信等工具接收短信验证码的方法,但最终实现的目的是获取验证码,而不是通过工具间接获得。 因此,我们可以直接调用API接口来获取验证码,从而达到更快、更便捷地获得验证码的目的。 所以做了一个服…

uniapp开发微信小程序,webview内嵌h5,h5打开pdf地址,解决方案

根据公司要求,让我写一个h5,后续会嵌入到合作公司的微信小程序的webview中,如果是自己公司微信小程序,可以采取先下载下来pdf,然后通过wx.openDocument,进行单纯的预览操作,这个可以根据这个老哥…

chromium arm64 新版

chrome官方并没有对外公布arm64的正式版本但debian已经适配,以下链接提取自debian可直接一条命令安装:sudo dpkg -i *.deb即可 https://www.aliyundrive.com/s/vVCpzTyFjH6

CV、MV基础知识(持续补充ing)

文章目录 全局自注意机制Permutation InvariantMLP扩展比AP、mAP、FLOPs、FPS、Top1、mIoUAP (平均精度):mAP (平均精度均值):FLOPs (浮点运算数):FPS (每秒帧数):Top1 (前1精度):mIoU (平均交并比): Preci…

虚幻引擎:代理

一、代理类型 1.单薄代理 特点:允许有返回值,允许有参数,只可以一对一的传递消息就算绑定多个,但是总会被最后一个覆盖 2.多播代理 特点:不允许有返回值,允许有参数允许一对多传递消息 3.动态代理 …

25 个超棒的 Python 脚本合集

Python是一种功能强大且灵活的编程语言,拥有广泛的应用领域。下面是一个详细介绍25个超棒的Python脚本合集: 1. 网络爬虫:使用Python可以轻松编写网络爬虫,从网页中提取数据并保存为结构化的格式。 2. 数据清洗和预处理&#xf…

GEE:对二值图层进行腐蚀和/或膨胀操作

作者:CSDN @ _养乐多_ 腐蚀和膨胀 是数学形态学图像处理中的两个基本操作,用于修改和分析二值图像(包含只有两个像素值的图像,通常是黑和白)。这些操作可用于处理遥感图像、地理信息系统(GIS)中的栅格数据以及其他领域的图像处理。 腐蚀(Erosion):腐蚀是一种用于缩小…

北京筑龙助力中粮集团MRO集采顺利完成

近日,中粮集团MRO集采项目在中粮E采供应链采购平台顺利完成。作为中粮集团3年一次的集中采购类项目,本次采购创新采用清单式采购,涵盖中粮集团全集团的物资类集中采购,采购物料清单总量达10w,涉及供应商近千家&#xf…

科技成果验收测试有什么作用?需要提供哪些材料?

科技成果验收测试是指对科技成果进行系统全面的评估和检验,以确保其技术的稳定性、可行性和可靠性,以及达到预期效果和质量指标。它在新产品研发、项目推进和市场推广等方面起着重要作用。 一、科技成果验收测试的作用   1、有助于评估科技成果的可行…

人物百度百科词条创建教程分享,建议收藏

如何在互联网上树立个人品牌,展示自己的专业度和影响力?百度百科词条给大家提供了一个绝佳的展示平台。本文伯乐网络传媒将为您揭秘人物百度百科词条创建的全过程,助您轻松打造专属的数字名片。 一、了解百度百科词条 百度百科是全球最大的中…

vue3.0+wangEditor使用

第一步:安装 npm install wangeditor/editor --save第二步: 新建一个文件,命名是WangEditor.vue,代码截图如下: 3、第三步:引用 结束,记录一下,方便后续查询

一次清理全屋地面,一键清洁烘干无异味,KEEWOO启为C260 Pro洗地机上手

放长假的时候,我一般都会抽出两天时间好好打扫家里的卫生,虽说如今市面上有很多自动化的清洁工具,比如扫地机、擦窗机之类的,但是它们的清洁效果往往并不理想,尽管自动化程度很高,但是适用的地面类型有限&a…

Unity Meta Quest 开发导论:开发现状与主流 SDK

文章目录 📕开发平台分类📕Quest 一体机开发分类📕Quest 一体机开发主流 SDK📕Quest PCVR 开发主流 SDK📕新手入门开发的 SDK 推荐 推荐一个高质量知识星球 XR 社区:SEED XR社区。包含教程答疑、及时交流、…

【GCN】Semi-Supervised Classification with Graph Convolutional Networks

GCN代码详细解读 如何运行代码详解utils.py GCN的不足[6]Reference 基于谱分解的经典方法代表之一:GCN, ICLR2017 Paper Code(pytorch) 如何运行 先看整个代码文件的结构(运行过的): 运行的话: 首先一键安装需要的库…

VS2019编译一个带qrc项目时出现的问题

问题 跑中科大付老师的一个参数化的代码,原来的项目可能是用VS2015写的,编译的时候报错 严重性 代码 说明 项目 文件 行 禁止显示状态 错误 MSB8066 “surfacemeshprocessing.qrc”的自定义生成已退出,代码为 3。 Surface_Mesh C:\Program …

全志A40i PRREMPT-RT Linux平台搭建IgH环境

1、编译安装内核 参考创龙开发板官方文档,在menuconfig中把gmac设置成M,方便卸载原始gmac驱动,然后加载优化后的实时网卡驱动 2、编译IgH 把IgH主站代码放到开发板上,进行配置编译(配置和编译可以参考网上ubuntu…