首页 > 其他分享 >vue 配置代理

vue 配置代理

时间:2023-01-06 12:45:10浏览次数:44  
标签:API VUE http vue APP 配置 代理 BASE

如果接口请求存在跨域问题且后端暂没时间解决,可以通过vue-cli配置代理的方式解决:

  1. .env.development中设置VUE_APP_BASE_API = Local Local为该项目运行时的服务器地址,
  2. vue.config.js中设置devServer:{proxy:'接口地址的公共部分'}
请求方法:request.get('/module/getInfo.html')  request为封装的axios,baseUrl=VUE_APP_BASE_API

接口请求地址:http://testapi.com/api/module/getInfo.html

正常情况下:VUE_APP_BASE_API = http://testapi.com/api

但由于该请求后端没解决跨域问题,所以通过代理改写为

VUE_APP_BASE_API = http://localhost:8080     //http://localhost:8080为本项目跑起来的访问地址

devServer:{
  proxy:'http://testapi.com/api'
}

标签:API,VUE,http,vue,APP,配置,代理,BASE
From: https://www.cnblogs.com/qieting/p/17030120.html

相关文章

  • H3C-配置Telnet登录设备
    进入系统视图,并开启Telnet服务,默认开启。<H3C>system-view[H3C]telnetserverenable配置VTY接口认证模式为scheme模式(用户名+密码认证)。[H3C]linevty04[H3C-ui-vty0......
  • [ensp自学]1.基本配置
    创建vlan vlanbatch1020把端口g0/0/1加入vlan10intg0/0/1portlink-typeaccessportdefaultvlan10给vlan10创建网关,才可以和其他vlan通信intvlan10ipadd192.168......
  • H3C-配置Console口密码登录方式
    (1)密码登录方式配置步骤进入系统视图<H3C>system配置AUX接口认证模式为password模式(密码认证)[H3C]lineaux0[H3C-line-aux0]authentication-modepassword//另两种认......
  • 『中级篇』docker之运行nginx跳转到本地的jar并配置https(番外篇)(80)
    2g内存,安装了mysql容器,java容器,nginx容器。具体安装docker我就不说了,没啥讲的重复很多遍的。mysql也之前讲过。nginx的安装新建立nginx的目录nginx防止出现下面的错误docke......
  • 使用ONVIF协议把设备接入视频网关的配置流程
    1.添加ONVIF用户名和密码以大华设备添加ONVIF用户名和密码为示例①打开浏览器输入摄像头的IP地址,登录摄像头web页面②点击“设置”->“系统管理”->”用户管理”-......
  • 在vue的v-for中,key为什么不能用index?
    写在前面在前端中,主要涉及的基本上就是DOM的相关操作和JS,我们都知道DOM操作是比较耗时的,那么在我们写前端相关代码的时候,如何减少不必要的DOM操作便成了前端优化的......
  • 写过vue自定义指令吗,原理是什么?.m
    背景看了一些自定义指令的文章,但是探究其原理的文章却不多见,所以我决定水一篇。如何自定义指令?其实关于这个问题官方文档上已经有了很好的示例的,我们先来温故一下。除......
  • 2023前端二面必会vue面试题指南
    action与mutation的区别mutation是同步更新,$watch严格模式下会报错action是异步操作,可以获取数据后调用mutation提交最终数据Vue路由hash模式和history......
  • openconf配置第三方SMTP服务器
    1.下载好的openconf放到网站目录里,在网页里打开,按照步骤安装2.安装完毕之后登录帐号,然后打开首页的Modules  3.刚安装好的模块里,邮件还是未设置的状态,首先去提示的g......
  • egg.js+vue 实现crypto.js 对称加密
    对称加密对称加密算法,加解密都用同一个密钥。 node:letcrypto=require('crypto')//data:需要加解密的内容,//key:密钥//初始化向量(iv)functionaesEncryp......