vue配置跨域

作者：巅峰战犯发布日期:2025-03-21 浏览:108

// 在 vue.config.js 文件中配置跨域代理

module.exports = {
  devServer: {
    proxy: {
      '/api': {  // 需要代理的路径前缀
        target: 'http://example.com',  // 目标服务器地址
        changeOrigin: true,  // 是否改变请求的origin
        pathRewrite: {  // 路径重写规则
          '^/api': ''  // 将 /api 替换为空字符串，即去掉 /api 前缀
        }
      }
    }
  }
};

// 解释说明：
// 这段代码是在 Vue CLI 项目的 vue.config.js 文件中配置开发服务器的代理设置。
// 主要作用是解决开发环境下的跨域问题。通过配置 proxy 选项，可以将所有以 /api 开头的请求代理到目标服务器，
// 并且在发送请求时自动去掉 /api 前缀。changeOrigin 设置为 true 可以确保请求的 origin 是目标服务器的域名，
// 这样可以避免一些跨域问题。

上一篇：vue字符串转json对象

下一篇：vue eventsource