vue.config.js配置跨域

跨域代理配置需要通过 devServer.proxy 字段实现。仅开发环境有效

代理配置只在 HBuilderX 运行到浏览器或本地调试时生效，打包到 App 或小程序后需要使用后端 CORS 配置。

// vue.config.js
module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://jsonplaceholder.typicode.com', // 目标接口域名
        changeOrigin: true, // 允许跨域
        secure: false, // 如果是https接口，需要配置这个参数
        pathRewrite: {
          '^/api': '' // 重写路径，把/api替换为空字符串
        }
      }
    }
  }
}

// vue.config.js
module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://jsonplaceholder.typicode.com', // 目标接口域名
        changeOrigin: true, // 允许跨域
        secure: false, // 如果是https接口，需要配置这个参数
        pathRewrite: {
          '^/api': '' // 重写路径，把/api替换为空字符串
        }
      }
    }
  }
}

vue.config.js配置跨域 ​

vue.config.js配置跨域