vue-element-admin框架连接yapi配置vue.config.js
devServer: {
    host:'localhost',
    port:port,
    proxy:{
      [process.env.VUE_APP_BASE_API + '/admin']: { //配置proccess.env.VUE_APP_BASE_API
        target: `http://192.168.1.16:8080/mock/17/`,//yqpi IP
        changeOrigin: true,//允许跨域请求
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API + '/admin]: '/admin'
        }
      }
    }
  },
yqpi配置:

注意:如果有多个proxy配置,并且是【process.env.VUE_APP_BASE_API]的配置,则需要将上面代码的proxy配置放到【process.env.VUE_APP_BASE_API]的配置下面,不然不会走process.env.VUE_APP_BASE_API + ‘/admin’]的配置
vue-element-admin框架连接yapi配置vue.config.js的更多相关文章
- webpack安装大于4.x版本(没有配置webpack.config.js)
		webpack安装大于4.x版本(没有配置webpack.config.js) webpack 输出参数-o 高版本 如果安装的webpack版本大于4+,还需要安装webpack-cli.在没有配 ... 
- webpack安装低于4版本(没有配置webpack.config.js)
		webpack安装低于4版本(没有配置webpack.config.js) webpack 无需配置输出参数-o 低版本 1.初始化项目 npm init -y 初始化项目 2.安装webpack@ ... 
- vue element admin 关闭eslint校验
		vue.config.js里面进行设置 lintOnSave: false, // lintOnSave: process.env.NODE_ENV === 'development', 
- 循序渐进VUE+Element 前端应用开发(22)--- 简化main.js处理代码,抽取过滤器、全局界面函数、组件注册等处理逻辑到不同的文件中
		在我们开发代码的时候,一般都喜欢进行一定程度的重构,以达到简化代码.关注点分离.提高代码可读性等等方面的考虑,本篇随笔介绍在VUE+Element 前端应用开发过程中,实现简化main.js处理代码, ... 
- 在Vue&Element前端项目中,使用FastReport + pdf.js生成并展示自定义报表
		在我的<FastReport报表随笔>介绍过各种FastReport的报表设计和使用,FastReport报表可以弹性的独立设计格式,并可以在Asp.net网站上.Winform端上使用, ... 
- @vue/cl构建得项目下,postcss.config.js配置,将px转化成rem
		依赖包: postcss-pxtorem 配置: 在项目根目录下创建 postcss.config.js 配置如下: module.exports = () => ({ plugins: [ r ... 
- 配置webpack.config.js中的文件
		webpack.config.js文件中,主要包括 entry:入口文件 output:出口文件 module:模块 plugins:插件 这几部分 1.基本配置 运行 webpack 这一命令可以将 ... 
- vue及vant框架,多语言配置
		1.安装 vue-i18n,( cnpm install vue-i18n --save ) 2.在入口,main.js 中引入 (import Vuei18n from "vue-i18n ... 
- vue element Admin - 修改浏览器标签名 + 添加tagView标签 +固定导航头部 + 添加侧边栏Logo
		1 .修改浏览器标签名称: 修改浏览器标签名称在文件:\src\settings.js image.png 2 .修改固定头部Header和侧边栏 Logo: image.png 1)侧边栏文 ... 
- 【Vue学习笔记1】全局配置 Vue.config
		1.slient 类型:boolean: 默认:false: 用法:Vue.config.silent = true 用于取消 Vue 所有的日志与警告 
随机推荐
- csp-j 游记
			### 初赛 day -7 ~ day -1 赛前集训,都很简单,什么二叉树,图论呀,轻松搞定.做了 $2008$ 至 $2015$ 年的普及组真题,都在 $50$ 分以上,感觉初赛稳了(坐标 $HN ... 
- 对Asp.net WebApi中异步(async+await)接口实际使用及相关思考(示例给出了get,post,提交文件,异步接口等实践).
			[很多初学者的疑问] 为何作为web api这样的天然的并发应用,还需要在controller的action上声明使用async这些呢? <参考解答> 在 web 服务器上,.NET Fr ... 
- kafka详解(03) - kafka JAVA API
			kafka详解(03) - kafka JAVA API Producer (生产者)API 消息发送流程 Kafka的Producer发送消息采用的是异步发送的方式.在消息发送的过程中,涉及到了两个 ... 
- Windows安装Anaconda并且配置国内镜像教程
			前言 我们在学习 Python 的时候需要不同的 Python 版本,关系到电脑环境变量配置换来换去很是麻烦,所以这个时候我们需要一个虚拟的 Python 环境变量,我之前也装过 virtualenv ... 
- webpack打包后发现有一部分代码还携带注释,如何解决?/webpack打包删除注释以及console.log--快快点进来看一看吧~~
			1.自己配置了一个webpack,打包后发现里边部分代码还存在注释,顿感不妙 废话不多说 解决如下: npm install terser-webpack-plugin --save-dev 然后在w ... 
- OpenMP 线程同步 Construct 实现原理以及源码分析(下)
			OpenMP 线程同步 Construct 实现原理以及源码分析(下) 前言 在上面文章当中我们主要分析了 flush, critical, master 这三个 construct 的实现原理.在本 ... 
- django框架之drf:3、API执行流程、Response源码剖析、序列化器的简介和使用、反序列化的校验
			Django框架之drf 目录 Django框架之drf 一.APIView执行流程 1.API执行流程总结(重点) 2.补充 二.Response源码剖析 1.Response类总结(重点) 三.序 ... 
- 《深入理解Java虚拟机》第三章读书笔记(二)——HotSpot垃圾回收算法实现(OopMap,安全点安全区域,卡表,写屏障,三色标记算法)
			系列文章目录和关于我 前面<深入理解Java虚拟机>第三章读书笔记(一)--垃圾回收算法我们学习了垃圾回收算法理论知识,下面我们关注下HotSpot垃圾回收算法的实现,分为以下几部分 对象 ... 
- zookeeper 部署
			官网: https://zookeeper.apache.org/ download 下载完成后 赋值文件到centos /opt/software 单机部署 解压到/opt/module tar ... 
- 很奇怪CSDN的审核
			https://www.cnblogs.com/lup9304/p/15310753.html https://www.cnblogs.com/lup9304/p/15328809.html 很奇怪C ... 
