百度360必应搜狗淘宝本站头条
vba高级教程svn连接scheduledtaskmybatis plus结构体数组
当前位置：网站首页 > 编程网 > 正文

Vue进阶(十七):vue proxyTable配置

yuyutoo 2024-10-11 23:58 7 浏览 0 评论

在项目开发的时候，接口联调的时候一般都是同域名下，不存在跨域的情况下进行接口联调，但是当我们现在使用vue-cli进行项目打包的时候，在本地启动服务器后，比如本地开发服务下是 http://localhost:8080 这样的访问页面，但是我们的接口地址是 http://xxxx.com/save/index 这样的接口地址，这样直接使用会存在跨域的请求，导致接口请求不成功，因此需要在打包的时候配置一下，进入 config/index.js 代码下如下配置即可：

Bash
dev: {
  // 静态资源文件夹
  assetsSubDirectory: 'static',
  // 发布路径
  assetsPublicPath: '/',
  // 代理配置表，在这里可以配置特定的请求代理到对应的API接口
  // 例如将'localhost:8080/api/xxx'代理到'www.example.com/api/xxx'
  // 使用方法：https://vuejs-templates.github.io/webpack/proxy.html
  proxyTable: {
    '/api': {
      target: 'http://xxxxxx.com', // 接口的域名
      // secure: false,  // 如果是https接口，需要配置这个参数
      changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
      pathRewrite: {
        '^/api': ''
      }
    }
  },
Bash
// 本地访问 http://localhost:8080
host: 'localhost', // can be overwritten by process.env.HOST

接口地址原本是 /save/index，但是为了匹配代理地址，在前面加一个 /api, 因此接口地址需要写成:/api/save/index，这样即可生效 。

注意： ‘/api’ 为匹配项，target 为被请求的地址，因为在 ajax 的 url 中加了前缀 ‘/api’，而原本的接口是没有这个前缀的，所以需要通过 pathRewrite 来重写地址，将前缀 ‘/api’ 转为 ‘/’。如果本身的接口地址就有 ‘/api’ 这种通用前缀，就可以把 pathRewrite 删掉。

相关推荐

建筑福利-pdf转dwg格式转换器，再也不用描图-极客青年

作为一名经常熬夜画图的建筑狗或者cad用户，你体验过pdf图纸描图到cad吗？前几天一个老同学找我，说他的毕业设计需要我帮忙，发给我一份pdf图纸文件，问我怎么把pdf图纸转换成dwg格式。机智的我灵...

想学 HTML，不知从何入手?看完这篇文章你就知道了

很多人都说HTML是一门很简单的语言，看看书，看看视频就能读懂。但是，如果你完全没有接触过，就想通过看一遍教程，背背标签，想要完全了解HTML，真的有点太天真了。HTML中文...

「前端」HTML之结构

今天继续为大家分享前端的知识，如果对前端比较感兴趣的小伙伴，可以关注我，我会更大家继续分享更多与前端相关的内容，当然如果内容中又不当的或者文字错误的，欢迎大家在评论区留言，我会及时修改纠正。1.初识H...

手把手教你使用Python网络爬虫下载一本小说(附源码)

大家好，我是Python进阶者。前言前几天【磐奚鸟】大佬在群里分享了一个抓取小说的代码，感觉还是蛮不错的，这里分享给大家学习。...

用于处理pdf文件格式的转换器

在上传过程中如果单个文件太大则容易中断，而且文件太大的话对与存储也有些弊端。那么我们应该想到将文件进行压缩(注意这里压缩指的是不改变文件格式的压缩，而不是用变成压缩文件。这里就将以下用专门的软件压缩P...

乐书:在线 Kindle 电子书制作和转换工具

之前Kindle伴侣曾推荐过可以在Windows和Mac系统平台上运行的kindle电子书制作软件Sigil（教程），用它可以制作出高质量的的ePub格式电子书，当然最后还需要通...

付费文档怎么下载?教你5种方法，任意下载全网资源

网上查资料的时候，经常遇到需要注册登录或者付费的才能复制或者是下载，遇到这种情况大多数人都会选择重新查。...

捡来的知识!3种方法随便复制网页内容，白嫖真香呀

网上的资源真的多，所以许多人常常会从网上找资料。我们看到感兴趣的内容，第一时间可能会想要收入囊中。比如说截个图啊，或者挑选有意思的句子复制粘贴，记录下来。可是，有些时候，却会遇到这样的情况：1、内容不...

AI的使用，生成HTML网页。

利用deepseek，豆包，kimi以及通义千问，写入相同的需求。【写一个网页，实现抽奖功能，点击“开始”，按键显示“停止”，姓名开始显示在屏幕上，人员包括：“张三”，“里斯”，“Bool”，“流水废...

pdf转换成jpg转换器 4.1 官方正式版

pdf转换成jpg工具软件简介pdf转换成jpg转换器是一款界面简洁，操作方便的pdf转换成jpg转换器。pdf转换成jpg转换器可以将PDF文档转换为JPG，BMP，GIF，PNG，TIF图片文件。...

办公必备的office转换成pdf转换器怎么用?

2016-02-2415:53:37南方报道网评论(我要点评)字体刚从校园走出社会，对于快节奏的办公环境，难免会觉得有些吃力。在起步阶段力求将手头上的事情按时完工不出错，但是渐渐的你会发现，别人只...

为什么PDF转Word大多要收费?

PDF转Word大多都要收费？并非主要是因为技术上的难度，而是基于多方面的商业和版权考虑的，下面给大家浅分析下原因：...

如何用python生成简单的html report报告

前提：用python写了一个简单的log分析，主要也就是查询一些key，value出来，后面也可以根据需求增加。查询出来后，为了好看，搞个html表格来显示。需要的组件：jinja2flask...

学用系列|如何搞定word批量替换修改和格式转换?这里一站搞定

想必不少朋友都会碰到批量修改word文档内容、压缩文档图片、文件格式转换等重复性文档处理工作的需要，今天胖胖老师就推荐给大家一个免费工具XCLWinKits，一站搞定你所有的需要。什么是XCLWinK...

这款PDF文档转换神器，能帮你解决PDF使用中的许多难点

不管是平时的学习还是工作，相信许多朋友都经常接触PDF文件。可以说，PDF文件在我们的日常办公学习过程中的重要性和Word文档一样重要。在之前的更新中，小编介绍了几款非常不错的PDF文档格式转换软件，...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表