vue - vue.config.js中devServer配置方式
更新时间：2019年10月30日 10:05:44 作者：idomyway
今天小编就为大家分享一篇vue - vue.config.js中devServer配置方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
前言
这里写你调用接口的基础路径，来解决跨域，如果设置了代理，那你本地开发环境的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配置方式就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue-cli 2.*中导入公共less文件的方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-11-11
这篇文章主要介绍了vue2.0+使用md-edit编辑器的解决方案，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧2024-02-02
vue3自定义指令自动获取节点的width和height代码示例
这篇文章主要介绍了如何使用ResizeObserver监听组件的宽度和高度,并将其封装成一个指令以便全局或局部使用,ResizeObserver可以监听元素的多个尺寸属性,如top、bottom、left等,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-11-11
最近学习在vite项目中配置less,本文主要介绍了Vue3+Vite项目使用less的实现步骤,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧2024-02-02
vue3 中的 hooks 就是函数的一种写法,就是将文件的一些单独功能的js代码进行抽离出来,放到单独的js文件中,或者说是一些可以复用的公共方法/功能,本文给大家介绍了Vue3通过hooks方式封装节流和防抖,需要的朋友可以参考下2024-10-10
这篇文章主要介绍了vue3.0安装Element ui及矢量图使用,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-12-12
在vue项目中怎么获取当前鼠标划过的坐标呢？下面通过本文给大家分享实现步骤，感兴趣的朋友跟随小编一起看看吧2021-11-11
这篇文章主要介绍了elementUi 中table表尾插入行的实例，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
这篇文章主要介绍了vue实现动态控制el-table表格列的展示与隐藏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
这篇文章主要为大家详细介绍了vue+element实现动态加载表单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
最新评论