vue项目配置后端地址

在Vue项目中配置后端地址可以通过修改config/index.js文件来完成。

  1. 打开config/index.js文件;

  2. 查找到proxyTable属性,如果没有则手动添加该属性;

  3. 将需要访问的接口路由设置为对应的后端地址,示例如下所示

    module.exports = {// ...其他配置...dev: {proxyTable: {'/api': {target: 'http://localhost:8080', // 这里写上后端服务器的地址及端口号changeOrigin: true,pathRewrite: {'^/api': '' // 若后端接口不包含'/api'前缀,则此处可省略}},// 还可以根据需求配置更多的代理表达式}}
    }

  4. 保存并关闭文件;
  5. 重新运行Vue项目时,就会使用配置好的后端地址进行数据交互了。

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

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

相关文章

EasyExcel下载EXCEL文件,后台通过流形式输出到前端浏览器下载方式输出

前端代码(参考):$("#import").on(click, function(){var createDate$("#createdDate").val();var key1$("#key1").val();if(createDatenull||createDate""){layer.msg("请选择创建时间段&#…

Spring面试整理-Spring的IOC

Spring框架的控制反转(IoC, Inversion of Control)是其核心特性之一,它是一种编程风格,其中对象的创建和管理不是由对象自己进行,而是由Spring容器进行。 IoC的概念 控制反转:在传统的程序设计中,对象自行控制依赖对象的创建和生命周期。在IoC模式中,这种控制被反转,转…

人工智能:我的学习之旅与认知探索(第1版)

🌟🌌 欢迎来到知识与创意的殿堂 — 远见阁小民的世界!🚀 🌟🧭 在这里,我们一起探索技术的奥秘,一起在知识的海洋中遨游。 🌟🧭 在这里,每个错误都…

UE5 实现RPG游戏操作控制

在UE5以后,epic抛弃了之前的那一套操作输入系统,使用了一套新的增强输入作为替代,目的主要是解决经常切换操作时的问题(操作人物上车以后,可以直接切换成操作汽车的一套输入)接下来,将实现如何使…

K8s:Pod生命周期

我们一般将pod对象从创建至终的这段时间范围称为pod的生命周期,它主要包含下面的过程: pod创建过程 运行初始化容器(init container)过程 运行主容器(main container) 容器启动后钩子(post st…

Whisper——部署fast-whisper中文语音识别模型

whisper:https://github.com/openai/whisper/tree/main 参考文章:Whisper OpenAI开源语音识别模型 环境配置 pip install faster-whisper transformers准备tiny模型 需要其他版本的可以自己下载:https://huggingface.co/openai 原始中文语音…

Django框架完成读者浏览书籍,图书详情页,借阅管理

前情回顾: 使用Django框架实现简单的图书借阅系统——完成图书信息管理 文章目录 1.完成展示图书信息功能1.1django 静态资源管理问题1.2编写图书展示模板HTML 2.完成图书详情页功能2.1从后端获取图书详情信息2.2详情页面展示图书数据 3.完成借阅管理功能3.1管理员…

pip install uwsgi报错:ModuleNotFoundError: No module named ‘_ctypes‘

问题描述 安装uwsgi来运行Django项目 运行 pip install uwsgi 安装失败 报错 ModuleNotFoundError: No module named ‘_ctypes‘ 原因分析 Centos7.9没有libffi-devel,python运行时需要libffi-devel 解决方案: 在编译安装之前先安装libffi-devel …

Qt QListWidget列表框控件

文章目录 1 属性和方法1.1 外观1.2 添加条目1.3 删除条目1.4 信号和槽 2 实例2.1 布局2.2 代码实现 Qt中的列表框控件,对应的类是QListWidget 它用于显示多个列表项,列表项对应的类是QListWidgetitem 1 属性和方法 QListWidget有很多属性和方法&#xf…

004 Golang-channel-practice 左右括号匹配

第四题 左右括号打印 一个协程负责打印“(”,一个协程负责打印“)”,左右括号的数量要匹配。在这道题目里,我在main函数里进行了一个死循环。会产生一个随机数,随机数就是接下来要打印的左括号的数量。 例…

解决elementUI或elementPlus的按钮点击后需要失去焦点才能恢复原本样式问题

废话不多说直接上代码,只需要在button中添加如下代码即可 focus"(e) > e.target.blur()"

【大厂秘籍】 - Redis持久化篇

创作不易,你的关注分享就是博主更新的最大动力, 每周持续更新 微信搜索【 企鹅君】关注还能领取学习资料喔,第一时间阅读(比博客早两到三篇) 求关注❤️ 求点赞❤️ 求分享❤️ 对博主真的非常重要 企鹅君原创|GitHub开源项目gith…

[自动驾驶算法][从0开始轨迹预测]:一、坐标和坐标系变换

既然要从0开始轨迹预测,那从哪开始写起呢?回想下自己的学习历程,真正有挑战性的不是模型结构,不是繁琐的训练和调参,而是数据的制作!!! 笔者自认为不是一个数学基础牢固的人&#xf…

如何使用SVN查看旧版本

和目录 第一步:打开SVN客户端 第二步:浏览历史版本 第三步:还原历史版本 结论 Subversion (缩写为SVN)是一种常用的版本控制系统,它可以帮助团队协作开发软件项目。除了基本的版本控制功能外,SVN还提供了许多其他功…

AutoCAD保存打开新建等操作变成命令行

文章标签没cad,就设了个3d 变成命令行的表现形式 如图点“另存为”后的样子: 如图点“打开”后的样子: 改回图形界面 键入filedia: 空格确认后,输入1,再空格确认: 图形界面回来了&#xff1a…

Linux/SwagShop

Enumeration nmap 仍然一样,先使用nmap探索目标开放端口情况 看到开启了22端口和80端口,还是一样的,先从80端口开始探索,从nmap给出的结果,我们可以看到有一个域名,因此在/etc/hosts中添加域名到IP的映射…

Linux的权限(2)

目录 Linux的(事物属性)文件权限 文件权限值得表示方法 字符表示方法 8进制表示方法 文件访问权限得相关设置方法 chmod修改权限法1 chmod修改权限法2 文件的角色(拥有者/所属者)修改 chown拥有者 chgrp所属者 &…

业务向——基于淘宝联盟平台的CPS

业务向——基于淘宝联盟平台的CPS 导读小试牛刀签名商品活动订单获取及用户 导读 上篇文章我们分享了多多进宝平台,那么这篇文章想继续带来CPS业务的分享,这次玩转的平台是淘宝联盟。在对接的过程中,也是踩了一些坑,特别是对于订…

车规MCU开发之E2E协议

啥是E2E? E2E的原理: 1. 发送端:发送数据包添加E2E保护头 2. 接收端:接收数据包校验E2E保护头 E2E例子 - profile 11为例 E2E_P11ConfigType wk_stP11Cfg { .CounterOffset 8, .CRCOffset 0, .DataID …

Jenkins安装和配置

拉取Jenkins镜像 docker pull jenkins/jenkins 编写jenkins_docker.yml version: "3.1" services:jenkins:image: jenkins/jenkinscontainer_name: jenkinsports:- 8080:8080- 50000:50000volumes:- ./data/:/var/jenkins_home/首次启动会因为数据卷data目录没有权限…