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 相关文章推荐
Javascript Function对象扩展之延时执行函数
Jul 06 Javascript
学习面向对象之面向对象的基本概念:对象和其他基本要素
Nov 30 Javascript
有关于eclipse配置spket需要注意的一些地方
Apr 07 Javascript
javascript浏览器兼容教程之事件处理
Jun 09 Javascript
JS日期加减,日期运算代码
Nov 05 Javascript
利用JS轻松实现获取表单数据
Dec 06 Javascript
JS获取多维数组中相同键的值实现方法示例
Jan 06 Javascript
老生常谈jquery中detach()和remove()的区别
Mar 02 Javascript
使用 Node.js 对文本内容分词和关键词抽取
May 27 Javascript
vue中使用echarts制作圆环图的实例代码
Jul 27 Javascript
原生JS实现列表内容自动向上滚动效果
May 22 Javascript
JS跨浏览器解析XML应用过程详解
Oct 16 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
截获网站title标签之家内容的例子
2006/10/09 PHP
php中用socket模拟http中post或者get提交数据的示例代码
2013/08/08 PHP
php操作csv文件代码实例汇总
2014/09/22 PHP
PHP常用函数总结(180多个)
2016/12/25 PHP
Ubuntu 16.04下安装PHP 7过程详解
2017/03/28 PHP
PHP实现二维数组按照指定的字段进行排序算法示例
2019/04/23 PHP
PHP抽象类与接口的区别实例详解
2019/05/09 PHP
JavaScript中的私有/静态属性介绍
2012/07/26 Javascript
js中判断Object、Array、Function等引用类型对象是否相等
2012/08/29 Javascript
jquery实现input输入框实时输入触发事件代码
2014/01/28 Javascript
JQuery中extend使用介绍
2014/03/13 Javascript
js处理php输出时间戳对不上号的解决方法
2014/06/20 Javascript
js实现缓冲运动效果的方法
2015/04/10 Javascript
jQuery调用WebMethod(PageMethod) NET2.0的方法
2016/04/15 Javascript
详解nodeJS之二进制buffer对象
2017/06/03 NodeJs
webpack+vue中使用别名路径引用静态图片地址
2017/11/20 Javascript
JavaScript Dom 绑定事件操作实例详解
2019/10/02 Javascript
解决Vue动态加载本地图片问题
2019/10/09 Javascript
Python生成不重复随机值的方法
2015/05/11 Python
python读出当前时间精度到秒的代码
2019/07/05 Python
Python学习笔记之列表和成员运算符及列表相关方法详解
2019/08/22 Python
pytorch中的上采样以及各种反操作,求逆操作详解
2020/01/03 Python
在Python中通过threshold创建mask方式
2020/02/19 Python
对python中list的五种查找方法说明
2020/07/13 Python
python正则表达式 匹配反斜杠的操作方法
2020/08/07 Python
CSS3点击按钮实现背景渐变动画效果
2016/10/19 HTML / CSS
美国和加拿大计算机和电子产品购物网站:TigerDirect.com
2019/09/13 全球购物
新闻专业大学生找工作的自我评价
2013/10/30 职场文书
关爱残疾人标语
2014/06/25 职场文书
介绍信样本
2015/01/31 职场文书
2015年精神文明建设工作总结
2015/04/21 职场文书
保密法制宣传月活动总结
2015/05/07 职场文书
应届毕业生的自我评价
2019/06/21 职场文书
2019垃圾分类宣传口号汇总
2019/08/16 职场文书
Python帮你解决手机qq微信内存占用太多问题
2022/02/15 Python
 Python 中 logging 模块使用详情
2022/03/03 Python