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>
目录
相关文章
|
6月前
|
API
在vite.config.js 配置代理
在vite.config.js 配置代理
652 2
【Vite】Vite设置好了Proxy,但接口却404!解决方案来了!
前言 最近在做一个Vue3+Vite+TypeScript的项目,进行一番网上冲浪后,参考了众多🐴友的方案,配置完vite.config.ts准备开始与后端的同学开始联调,发现无论怎么样都是404,然后就开始了一步步的排查!
4882 0
|
1月前
|
安全 API
vite 中配置代理
【10月更文挑战第5天】
282 61
|
2月前
|
前端开发
react配置proxy代理的两种方式
本文介绍了在React项目中配置代理的两种方式:通过在package.json中添加代理配置,以及通过创建setupProxy.js文件来实现更复杂的代理规则。
98 2
|
6月前
|
JSON JavaScript 前端开发
vue2_vite.config.js的proxy跨域配置和nginx配置代理有啥区别?
vue2_vite.config.js的proxy跨域配置和nginx配置代理有啥区别?
200 1
|
6月前
|
JavaScript API
vite配置代理
vite配置代理
143 4
|
6月前
|
JavaScript
vue配置代理proxy
vue配置代理proxy
56 0
|
12月前
|
前端开发 JavaScript 应用服务中间件
nginx配置vue前端代理
nginx配置vue前端代理
189 0
|
6月前
|
前端开发 API
React配置代理(proxy)
React配置代理(proxy)
|
JavaScript 索引
Vue3如何使用Proxy实现代理
Vue3如何使用Proxy实现代理
258 0