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": "", //路径的替换规则
        }
      }
    }
  }
相关文章
|
3月前
|
API
在vite.config.js 配置代理
在vite.config.js 配置代理
87 2
|
17天前
|
JSON JavaScript 前端开发
vue2_vite.config.js的proxy跨域配置和nginx配置代理有啥区别?
vue2_vite.config.js的proxy跨域配置和nginx配置代理有啥区别?
32 1
|
1月前
|
JavaScript
vue配置代理proxy
vue配置代理proxy
21 0
|
1月前
|
JavaScript API
vite配置代理
vite配置代理
|
5月前
|
前端开发 API
React配置代理(proxy)
React配置代理(proxy)
|
6月前
|
前端开发 JavaScript 应用服务中间件
nginx配置vue前端代理
nginx配置vue前端代理
83 0
|
7月前
|
JavaScript 索引
Vue3如何使用Proxy实现代理
Vue3如何使用Proxy实现代理
151 0
|
7月前
|
JavaScript
vue-cli3.0无config,js跨域解决
vue-cli3.0无config,js跨域解决
24 2
|
7月前
|
前端开发 JavaScript 应用服务中间件
Vite配置Proxy代理解决跨域问题
Vite配置Proxy代理解决跨域问题
739 0
|
9月前
|
JavaScript 安全 API
Vue 配置正向代理的使用
Vue 配置正向代理的使用