vue - vue.config.js中devServer配置方式


Posted in Javascript onOctober 30, 2019

前言

这里写你调用接口的基础路径,来解决跨域,如果设置了代理,那你本地开发环境的axios的baseUrl要写为'',即空字符串

只有一个接口ip端口时

devServer: {
  open: false,
  // 跨域
  proxy: {
   '/nuojinadm/': {
    target: 'http://192.168.0.11/',
    changeOrigin: true
   }
  }
 }

2、设置axios中的baseUrl 与proxy端口一致

baseUrl: {
  dev: '/nuojinadm/',
  pro: '/nuojinadm/'
 }

当有多个ip端口的接口时

devServer: {
  open: false,
  port: 8801, // 自定义修改8080端口
  // 代理跨域
  proxy: {
   '/proxy1/adm/': {
    target: 'http://192.168.0.xx:xxxx/',
    changeOrigin: true
   },
   '/proxy2/adm/': {
    target: 'http://192.168.0.xx:xxxx/',
    changeOrigin: true
   },
   '/httpsProxy3/config/': {
    target: 'https://xx.xx.com',
    secure: false, // https协议才设置
    changeOrigin: true
   }
  }
 }

2、设置axios中的baseUrl 设置为空

baseUrl: {
  dev: '/',
  pro: '/'
 }

3、在每个request(axios)页面中

const proxyxxx= '/xxx/xxx'

export const getBannerList = params => {
 return axios.request({
  url: `${proxyxxx}/banner/v1/banner/${params.pageSize}/${params.pageNum}`,
  params,
  method: 'get'
 })
}

以上这篇vue - vue.config.js中devServer配置方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
让iframe框架网页在任何浏览器下自动伸缩
Aug 18 Javascript
js点击更换背景颜色或图片的实例代码
Jun 25 Javascript
js获取指定的cookie的具体实现
Feb 20 Javascript
JavaScript实现的购物车效果可以运用在好多地方
May 09 Javascript
js实现的标题栏新消息闪烁提示效果
Jun 06 Javascript
js Calender控件使用详解
Jan 05 Javascript
AngularJS基础学习笔记之指令
May 10 Javascript
jQuery插件DataTables分页开发心得体会
Aug 22 jQuery
使用 Node.js 实现图片的动态裁切及算法实例代码详解
Sep 29 Javascript
详释JavaScript执行环境与执行栈
Apr 02 Javascript
vue实现弹幕功能
Oct 25 Javascript
微信小程序仿通讯录功能
Apr 09 Javascript
vue2.x 通过后端接口代理,获取qq音乐api的数据示例
Oct 30 #Javascript
vue中更改数组中属性,在页面中不生效的解决方法
Oct 30 #Javascript
基于JavaScript实现单例模式
Oct 30 #Javascript
vue解决使用$http获取数据时报错的问题
Oct 30 #Javascript
茶余饭后聊聊Vue3.0响应式数据那些事儿
Oct 30 #Javascript
vue请求服务器数据后绑定不上的解决方法
Oct 30 #Javascript
vue中的mescroll搜索运用及各种填坑处理
Oct 30 #Javascript
You might like
PHP生成随机字符串(3种方法)
2015/09/25 PHP
PHP动态生成指定大小随机图片的方法
2016/03/25 PHP
JAVASCRIPT IE 与 FF中兼容问题小结
2009/02/18 Javascript
JavaScript初学者需要了解10个小技巧
2010/08/25 Javascript
jQuery 1.8 Release版本发布了
2012/08/14 Javascript
js/jquery判断浏览器的方法小结
2014/09/02 Javascript
JS实现网页上随机产生超链接地址的方法
2015/11/09 Javascript
JS闭包、作用域链、垃圾回收、内存泄露相关知识小结
2016/05/16 Javascript
jquery实现拖动效果
2016/08/10 Javascript
JavaScript定义数组的三种方法(new Array(),new Array('x','y')
2016/10/04 Javascript
vue+ElementUI实现订单页动态添加产品数据效果实例代码
2017/07/13 Javascript
这应该是最详细的响应式系统讲解了
2019/07/22 Javascript
JS实现拼图游戏
2021/01/29 Javascript
JS面试题中深拷贝的实现讲解
2020/05/07 Javascript
vue单元格多列合并的实现
2020/11/26 Vue.js
基于VUE实现简单的学生信息管理系统
2021/01/13 Vue.js
[05:07]DOTA2英雄梦之声_第14期_暗影恶魔
2014/06/20 DOTA
[58:12]Ti4第二日主赛事败者组 LGD vs iG 3
2014/07/21 DOTA
[01:01:23]完美世界DOTA2联赛PWL S2 Forest vs FTD.C 第一场 11.26
2020/11/30 DOTA
通过数据库对Django进行删除字段和删除模型的操作
2015/07/21 Python
Python格式化输出%s和%d
2018/05/07 Python
详解TensorFlow查看ckpt中变量的几种方法
2018/06/19 Python
pandas.DataFrame删除/选取含有特定数值的行或列实例
2018/11/07 Python
Python中一般处理中文的几种方法
2019/03/06 Python
Kears 使用:通过回调函数保存最佳准确率下的模型操作
2020/06/17 Python
一个非常简单好用的Python图形界面库(PysimpleGUI)
2020/12/28 Python
英国领先的品牌珠宝和配件供应商:Acotis Jewellery
2018/03/07 全球购物
美国家居装饰购物网站:Amanda Lindroth
2020/03/25 全球购物
售后服务经理岗位职责范本
2014/02/22 职场文书
2014年外贸业务员工作总结
2014/12/11 职场文书
师德承诺书2015
2015/04/28 职场文书
2016元旦晚会主持词
2015/07/01 职场文书
Go web入门Go pongo2模板引擎
2022/05/20 Golang
MySQL详细讲解变量variables的用法
2022/06/21 MySQL
详解Spring Security如何在权限中使用通配符
2022/06/28 Java/Android
Python如何利用pandas读取csv数据并绘图
2022/07/07 Python