Vue-cli3配置代理转发devServer.proxy

简介: Vue-cli3配置代理转发devServer.proxy

版本不一样可能配置的参数也不一样

$ npx vue -V
@vue/cli 4.2.3

修改 配置文件 vue.config.js

devServer: {

port: port,
open: true,

proxy: {
"/api": {
target: "https://www.baidu.cn";, //跨域网址
secure: true, // 如果是https接口,需要配置这个参数
changeOrigin: true, //自动修改http header里面的host
pathRewrite: {
"^/api": "", //路径的替换规则
}
}
}
}
            </div>
目录
相关文章
|
5天前
|
JavaScript
vue项目中使用vue-router进行路由配置及嵌套多级路由
该文章详细说明了如何在Vue项目中配置和使用vue-router进行单页面应用的路由管理,包括设置嵌套路由和实现多级路由导航的示例。
vue项目中使用vue-router进行路由配置及嵌套多级路由
|
8天前
|
JavaScript
Vue3基础(20)___Vue3配置错误路由重定向写法
本文介绍了Vue 3中配置错误路由重定向的正确写法,包括使用参数和自定义正则表达式来定义通配符路由。
22 0
Vue3基础(20)___Vue3配置错误路由重定向写法
|
20天前
|
JavaScript
vue学习(8)数据代理
vue学习(8)数据代理
26 1
|
2月前
|
JavaScript
在Vue中使用Avue、配置过程以及实际应用
这篇文章介绍了作者在Vue项目中使用Avue组件库的体验,包括安装配置过程和实际应用示例,展示了如何通过Avue实现动态增加输入框和输入验证的功能。
在Vue中使用Avue、配置过程以及实际应用
|
2月前
|
JavaScript
基于Vue2或Vue3实现任意上下左右拖拽悬浮的元素,且配置为自定义的全局指令
这篇文章介绍了如何在Vue 2或Vue 3项目中实现一个自定义的全局指令`v-dragSwitch`,用于创建可以任意方向拖拽并悬浮的元素,同时包含边界处理的逻辑。
307 2
基于Vue2或Vue3实现任意上下左右拖拽悬浮的元素,且配置为自定义的全局指令
|
2月前
|
JavaScript 开发工具 git
Vue学习之--------脚手架的分析、Ref属性、Props配置(2022/7/28)
这篇文章分析了Vue脚手架的结构,并详细讲解了`ref`属性和`Props`配置的基础知识、代码实现和测试效果,展示了如何在Vue组件中使用`ref`获取DOM元素或组件实例,以及如何通过`Props`传递和接收外部数据。
Vue学习之--------脚手架的分析、Ref属性、Props配置(2022/7/28)
|
2月前
|
存储 JavaScript 安全
Vue 3 环境变量配置
Vue 3 环境变量配置
|
2月前
|
缓存 JavaScript 安全
浅谈 Vue 3 的 Proxy 代理为什么使用了 Reflect
浅谈 Vue 3 的 Proxy 代理为什么使用了 Reflect
|
2月前
如何在 Vue3 项目配置全局方法
本文介绍了在Vue3项目中配置全局方法的几种方式,包括如何将Moment.js日期处理类库和字符串颜色值生成方法设置为全局可访问的属性。
63 0
|
2月前
|
Rust JavaScript
Zed——Eslint配置支持Vue
Zed——Eslint配置支持Vue
39 0