vue 3.0 配置 proxy 跨域

最新推荐文章于 2025-05-07 06:31:42 发布

原创最新推荐文章于 2025-05-07 06:31:42 发布 · 747 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

本文详细介绍如何在Vue.js项目中使用vue.config.js文件配置跨域代理，通过devServer选项设置本地开发服务器，并利用proxy属性实现请求重定向，解决前端开发中的跨域问题。

配置 vue.config.js

 devServer: {
    open: true,
    host: 'localhost',
    port: 8080,
    https: false,
    proxy: { // 跨域配置
      '/': {
        target: 'http://192.168.7.52:8080',
        changeOrigin: true,
        ws: false,
        pathRewrite: {
          '^/': ''
        }
      }
    },
  },

此时浏览器中的请求访问地址为 localhost:8080/***

访问的真实地址是http://192.168.7.52:8080/***